javascript - 为什么 jQuery next 找不到下一个 div？

Question

我想为常见问题创建一个页面，并使用 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();
});

这是一个 updated fiddle供大家引用