为什么jQuery接下来找不到下一个div？

Question

我想为FAQs创建一个页面,并使用jQuery来显示每个答案.但它不起作用.
每个问题答案的格式如下:

<div><a href="javascript:void(0)" class="expand">First Question</a></div>
<div class="answer" style="display:none">First Answer</div>  

我使用的jQuery代码是:

$(".expand").click(function(){
    $(this).next('.answer').slideToggle();
});

这是错的吗？你也可以看到它的jsFiddle.

Answer 1

这两个元素的next()工作水平不同.

试试这个:

$(".expand").click(function(){
    $(this).parent().next('.answer').slideToggle();
});

这是一个更新的小提琴供您参考