Bootstrap崩溃会延迟显示

Question

我已经基于此Web模板https://colorlib.com/polygon/gentelella/制作了Java Web应用程序

（使用Bootstrap v3.3.6和jQuery v2.2.3）

我没有更改任何引导js和css，但是崩溃没有过渡就可以正常工作，并且显示阶段已延迟。

我可以通过更改CSS来模拟它，例如：http://codeply.com/view/mLlDDWAF1G

我需要它才能在点击时立即起作用。您能以某种方式帮助您吗？

谢谢，菲利普

Answer 1

自定义过渡属性将覆盖引导程序的默认折叠。当您将其删除时，过渡将是平滑而即时的。请删除以下css中定义的过渡：

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

.collapse.show {
    -webkit-transition: none;
    transition: none;
    visibility: visible;
}

如果您仍然希望减少崩溃延迟，而不是bootstrap.js文件，则可以减少Collapse.TRANSITION_DURATION的值，即可完成。