DIV交换多个DIV

Question

Swap div content from the same text link

该帖几乎是我需要回答的问题。它适用于两个DIV，如果我有很多。如何在不必为更多变量添加声明行的情况下更改函数？

Answer 1

如果你可以使用jQuery，你可以尝试这样的事情：http://jsfiddle.net/k9JC4/6/

<强> 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>

<强>的CSS：

.ans
{
    display: none;
}

a
{
    display: block;
    color: blue;
}

<强> JS：

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

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

这是如何工作的，当你点击类 .que 的链接时，jQuery会找到类 .ans 的下一个兄弟元素。它将隐藏所有其他 .ans 类成员，然后显示找到的兄弟。