2016-01-07 63 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