javascript - 显示/隐藏不带动画的 Bootstrap Collapse 元素

Question

我知道您可以完全禁用折叠动画，如 this question. 的接受答案中所述。

但是有什么方法可以一次性禁用 .collapse('show') 或 .collapse('hide') 调用的动画？我真的很希望能够做这样的事情:

.collapse({'show', 
    animation : false        
});

但是这个选项似乎不存在。

这可能吗？

Answer 1

如果您不想要动画，那么为什么要使用折叠功能。只需使用 JQuery 的 hide 和 show 即可。

$(".my-prev-collapse-element").hide();
$(".my-prev-collapse-element").show();

根据@Redtama的建议，可以直接阻止动画:

$("my-prev-collapse-element").addClass("in");
$("my-prev-collapse-element").removeClass("in");

隐藏或显示没有动画的元素。