Почему jQuery следующий не может найти следующий 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 для справки

Answer 2

Потому что jQuery.next() захватывает братьев и сестер, дев, которые вы пытаетесь получить, является родным родителем, а не братом.

Answer 3

Ну $ (это) есть а-элемент, и нет братьев и сестер к этому элементу. Если вы хотите, DIV, использовать родитель:

$(this).parent().next()