javascript - bootstrap.js Accordion 折叠/展开

Question

我正在尝试在每个 Accordion 主体上创建上一个/下一个按钮。

我想不出折叠/展开某个部分的方法。我尝试从 accordion-body 中删除 in 类，但这似乎并没有崩溃。

        $(".accordion-body").each(function(){
            if($(this).hasClass("in")) {
                $(this).removeClass("in");
            }
        });

此外，每当我使用 .collapse 方法时，我都会收到一个 javascript 错误，指出该对象没有方法 collapse。

Answer 1

in 类只是一个部分已打开的指示符。 Javascript 模块应用与 .in 相同的内联样式，因此删除该类是不够的。

您需要使用模块的 API 通过 .collapse() 方法以编程方式与 Accordion 交互:

$('.accordion-body').each(function(){
    if ($(this).hasClass('in')) {
        $(this).collapse('toggle');
    }
});

或者，您可以将其浓缩为:

$('.accordion-body.in').collapse('toggle');

如果您只想折叠任何打开的部分:

$('.accordion-body').collapse('hide');

如果您只想展开任何封闭的部分:

$('.accordion-body').collapse('show');