jquery - 如何让 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 example