顯示/隱藏沒有動畫的Bootstrap折疊元素

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啟用/禁用基於每次顯示/隱藏的Collapse動畫 。

因此，當推特上的人發布此功能時，我將更新我的答案。 但就目前而言，使用jQuery添加引導類in為我工作。