Javascript jQuery手风琴选项卡没有'；关不上

有人能解释一下为什么我的jQuery手风琴没有关上吗

请参阅页面加载上的

打开的
选项卡。当我试图关闭时，它会一直重新打开。救命啊


这是我的jQuery：

$(document).ready(function ($) {
    $('#accordion').find('.accordion-toggle').click(function () {
        $(this).next().slideToggle('fast', function () {
            var status = $(this).is(':hidden') ? 'open' : 'close';
            $(this).prev('h4').find('.accordion-status').html(status);
        });
    });
});

CSS:

您需要从
.slideToggle（）
回调中的元素中删除
default
类


在CSS中，您有以下内容：

.accordion-content.default {
    display: block !important;
}

防止内容被切换

您也可以删除
！重要信息
，它也将按预期工作。你应该尽量避免使用它。
正如我在评论中所说的，它是
！重要信息
CSS选择器上的规则
。手风琴内容。默认值
。它覆盖了隐藏div的jQuery！重要信息：始终覆盖该属性。
您需要删除
！重要信息
来自：

.accordion-content.default {
  display: block !important;
}

它超越了手风琴的作用

演示：
这是你的.accorbian-content.default CSS规则，它会让你丧命。单击，将其关闭，但随后CSS会推翻jQuery所做的操作，使其再次显示。所以，只需删除该文件！重要的是，你应该很好。
.accordion-content.default {
    display: block !important;
}

.accordion-content.default {
  display: block !important;
}