禁用自举的崩溃打开/关闭动画[复制](disable Bootstrap's Collaps

这个问题已经在这里有一个答案：

• 关闭Twitter的引导导航栏过渡动画 6个回答

任何计谋禁止折叠组的打开/关闭动画？

Answer 1:

自举3和4这是

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

Answer 2:

Bootstrap 2 CSS的解决方案：

.collapse {  transition: height 0.01s; }  

注意 ：设置transition: none禁用崩溃functionnality。

---

Bootstrap 4解决方案：

.collapsing {
  transition: none !important;
}

Answer 3:

如果您在展开之前，并使用CSS的解决方案有点讨厌当崩溃后找到1px的跳跃，这里的自举3一个简单的JavaScript解决方案...

只需添加这地方在你的代码：

$(document).ready(
    $('.collapse').on('show.bs.collapse hide.bs.collapse', function(e) {
        e.preventDefault();
    });
    $('[data-toggle="collapse"]').on('click', function(e) {
        e.preventDefault();
        $($(this).data('target')).toggleClass('in');
    });
);

Answer 4:

也许没有直接回答这个问题，但最近除了官方文档介绍jQuery的可以用来完全只是禁用转换：

$.support.transition = false

---

设置.collapsing CSS过渡到无作为接受的答案中提到删除动画。 但是，这 - 在Firefox和铬我 - 在导航栏的崩溃造成不必要的视觉问题。

例如，参观引导导航栏例子 ，并从接受的答案添加CSS：

.collapsing {
     -webkit-transition: none;
     transition: none;
}

我目前看到的是当导航栏崩溃，导航栏的底部边框瞬间变成两个像素，而不是一个，那么令人不安跳回之一。 使用jQuery，这件神器不会出现。

文章来源: disable Bootstrap's Collapse open/close animation [duplicate]