Html 多个DIV的DIV交换

---

那篇文章几乎有我需要回答的问题。它适合两个div，如果我有很多div呢。如何更改函数而不必不断为更多变量添加声明行？

如果可以使用jQuery，可以尝试以下方法：

Html:

<a class="que">Question 1</a>
<div class="ans">
    Answer 1
</div>
<a class='que'>Question 2</a>
<div class='ans'>
    Answer 2
</div>
<a class='que'>Question 3</a>
<div class='ans'>
    Answer 3
</div>

.ans
{
    display: none;
}

a
{
    display: block;
    color: blue;
}

$(function(){
    $('.que').click(function(ev){
        ev.preventDefault();

        $('.ans').hide();
        $(this).next('.ans').show();
    });
});

Js:

<a class="que">Question 1</a>
<div class="ans">
    Answer 1
</div>
<a class='que'>Question 2</a>
<div class='ans'>
    Answer 2
</div>
<a class='que'>Question 3</a>
<div class='ans'>
    Answer 3
</div>

.ans
{
    display: none;
}

a
{
    display: block;
    color: blue;
}

$(function(){
    $('.que').click(function(ev){
        ev.preventDefault();

        $('.ans').hide();
        $(this).next('.ans').show();
    });
});

---

其工作原理是，当您单击与class.que的链接时，jQuery将找到与class.ans的下一个同级元素。它将隐藏所有其他.ans类成员，然后显示找到的兄弟

我怎么把我的代码贴在这上面？我可以告诉你我的意思