Angular-UI Bootstrap折叠没有动画

Question

是否可以停用折叠动画？

我对动画的问题是总是有一个活动,其余的都被折叠,所以我不希望每个元素都移动(即使它是几秒钟).或者如果可能的话只是一个"淡出"动画.但不是"从下面流行".

Answer 1

使用版本0.12.1,使用collapsing较小的值覆盖类的动画持续时间对我有用:

HTML

<div class="your-class" collapse="collapsed">
    <!-- ... -->
</div>

CSS

.your-class.collapsing {
    transition-duration: 0.0125s;
}

将持续时间值设置为0不起作用,因为它导致元素collapsing无限期地保持状态.

更新

虽然上面描述的解决方案运行良好,但我最终只是使用ng-show/ ng-hide完全摆脱不需要的动画.