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

时间:2016-01-07 12:14:52

标签: javascript twitter-bootstrap animation

我知道您可以完全停用崩溃动画,如this question.

的已接受答案中所述

但有没有什么方法可以禁用.collapse('hide').collapse({'show', animation : false }); 来电的动画?我真的希望能够做到这样的事情:

v=1;
for k = 3527:3671
   jpgFilename = strcat('gray','_',num2str(k),'.jpg');
   if exist(jpgFilename,'file')
     imageData = imread(jpgFilename);
     data = imageData(:,:,2);
     image = imageData(:)';%'//
     xstrich(v) = [xstrich;image];
    v=v+1;
   end
end

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

这可能吗?

2 个答案:

答案 0 :(得分: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");

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

答案 1 :(得分:0)

好的,这是我使用JQuery

提出的解决方案
BackgroundWorker

将展开没有动画的元素和

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

将在没有动画的情况下折叠元素。

此解决方案适合我的目的,但有一项功能请求可以按我在问题中建议的方式执行:Bootstrap Issue enable/disable animation of Collapse on a per-show/hide basis

所以,当在twitter上的人发布此功能时,我会更新我的回答。但目前,使用JQuery添加引导类$("myCollapseElement").removeClass("in"); 对我有用。