关闭所有jquery手风琴选项卡

我之前发布了一个关于一个简单jquery手风琴的问题，我得到的答案很有帮助，但我现在问的问题是这个问题的后续问题。不确定如何使选项卡可折叠以便全部关闭。单击欢迎阅读，再次单击以关闭它。目前，其中一个选项卡处于打开状态。 这是密码

  $(document).ready(function() {
           $('#va-accordion .va-content').hide();
           $('.va-heading').click(function(){
                   $('#va-accordion .va-content').slideUp();
                   $(this).next().slideDown();
                   return false;
           });

});

这是

---

关闭所有选项卡

在实际向上或向下滑动手风琴之前，您应该检查手风琴的状态，以确定要执行哪些操作

一个简单的if语句检查手风琴是否打开，就解决了这个问题

---

您似乎在正确的轨道上，祝您好运。

在调用

slideUp（）

之前，测试内容div是否可见。如果是，不要调用

slideDown（）

：

$('.va-content').slideUp();

$(document).ready(function() {
    $('#va-accordion .va-content').hide();
    $('.va-heading').click(function() {
        var contentDiv = $(this).next();
        var isVisible = contentDiv.is(":visible");
        $('#va-accordion .va-content').slideUp();
        if (!isVisible) contentDiv.slideDown();
        return false;
    });

});