切换下一个元素（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

如果您在这些功能中没有任何其他代码，则更好的选择是slideToggle：http://api.jquery.com/slideToggle/

Answer 2

您正在使用类选择器，它应以.

开头

所以你必须改变

$('interview .question')

到

$('div.interview .question')

Answer 3

这是一个简单的版本...

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