Переключить следующий элемент (JQuery)

Question

HTML:

<div class="interview"> 
    <h4>Interview</h4> 
    <a href="#" class="question">This is question 1?</a> 
    <div class="answer">This is an answer!</div> 
    <a href="#" class="question">This is question 2?</a> 
    <div class="answer">This is an answer!</div> 
    <a href="#" class="question">This is question 3?</a> 
    <div class="answer">This is an answer!</div> 
</div> 

JQuery:

if ($('interview')[0]) { 
    $('interview .question').toggle(function() { 
     $(this).next('.answer').slideIn(); 
    }, 
    function() { 
     $(this).next('.answer').slideOut(); 
    }); 
} 

... Я не могу понять, почему он не работает.

Answer 1

ума точка:

.interview 

Кроме того, нет slideIn, попробуйте slideDown и slideUp: http://jsbin.com/ajawo3

Если у вас нет какого-либо другого кода этих функций, лучший выбор is slideToggle: http://api.jquery.com/slideToggle/

Answer 2

Вы используете селектор классов, и он должен начинаться с .

Таким образом, вы должны изменить

$('interview .question') 

в

$('div.interview .question') 

Answer 3

Heres простой вариант ...

$('a.question').click(function() {  
    $(this).next('.answer').slideToggle(); 
});