如何让Jquery切换显示

Question

我正在创建一个FAQ页面,切换显示答案.

这是Jquery

$(document).ready(function () {
    $('.faqlink').click(function () {
        $('.hiddenFAQ').hide();
        $(this).next('.hiddenFAQ').show();
    });
});

CSS

.hiddenFAQ {
    display:none;
}

和HTML

    <a class="faqlink" href="#">Link 1</a>

    <div class="hiddenFAQ"><p>lorem ipsum</p></div>

现在它将显示,但让它消失的唯一方法是刷新页面.我怎样才能切换它呢？谢谢

Answer 1

.toggle()改为使用:

$(document).ready(function () {
    $('.faqlink').click(function () {
        $(this).next('.hiddenFAQ').toggle();
    });
});

jsFiddle例子