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