2016-01-07 91 views
1

我知道,你可以完全禁用合攏動畫作爲公認的答案被描述爲this question.顯示/隱藏,沒有動畫引導摺疊元素

但就是沒有辦法,我可以禁用動畫的任何方式.collapse('show').collapse('hide')作爲一個呼叫?我真的很想能夠做到這樣的事情:

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

但是這個選項似乎並不存在。

這可能嗎?

回答

0

OK,所以這是我想出了使用JQuery

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

將擴大元素沒有動畫解決方案,並

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

會崩潰的元素,沒有動畫。

該解決方案適合我的目的,但有是能夠做到這一點我在我的問題建議的方式功能要求:Bootstrap Issue enable/disable animation of Collapse on a per-show/hide basis

所以當人在上嘰嘰喳喳DO版本這個功能我會更新我的答案。但是暫時來說,使用JQuery來添加引導類in適合我。

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"); 

到隱藏或顯示元件而不動畫。

+0

非常感謝您的回答!我嘗試過使用JQuery的函數,但引導程序崩潰元素似乎對它所處的狀態感到困惑(例如,如果我使用JQuery'hide',那麼bootstrap仍認爲顯示該元素)。 – Redtama

+0

你可以發表一些與它相關的代碼嗎 –

+0

但是你的回答幫助我找到了一個解決方案,因爲我意識到我可以使用JQuery來執行這個'$(「my-prev-collapse-element」)。addClass(「in 「);'你可以編輯你的答案,這個如果你喜歡,因爲你沒幫我想出了吧:) – Redtama