jquery - 如何让Jquery切换显示

我正在创建一个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>

现在它会显示出来，但让它消失的唯一方法是刷新页面。我怎样才能让它切换呢？谢谢

最佳答案

使用.toggle()代替：

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

jsFiddle example