如何让Jquery切换显示

Question

我正在创建一个常见问题解答页面，切换显示答案。

这是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 example