显示/隐藏没有动画的 Bootstrap Collapse 元素

Question

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

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

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

但是这个选项好像不存在。

这可能吗？

Answer 1

如果您不想要动画，那么为什么要使用collapse 功能。只需使用 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");

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

Answer 2

好的，这就是我使用 JQuery 提出的解决方案

$("myCollapseElement").addClass("in");

将扩展没有动画的元素并且

$("myCollapseElement").removeClass("in");

将折叠没有动画的元素。

此解决方案适合我的目的，但是有一个功能要求能够按照我在问题中建议的方式进行操作：Bootstrap Issue enable/disable animation of Collapse on a per-show/hide basis。

所以当 twitter 上的人发布这个功能时，我会更新我的答案。但目前，使用 JQuery 添加引导类 in 对我有用。