jquery - Bootstrap 崩溃延迟显示

Question

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

(使用 Bootstrap v3.3.6 和 jQuery v2.2.3)

我没有更改任何 bootstrap js 和 css，但崩溃在没有过渡的情况下工作并且显示阶段被延迟。

我可以像这样更改 css 来模拟它:http://codeply.com/view/mLlDDWAF1G

我需要它在点击时立即工作。你能帮忙吗？

谢谢，菲利普

Answer 1

自定义过渡属性覆盖 Bootstrap 的默认折叠。当您删除它时，过渡将是平滑和即时的。删除以下 css 中定义的过渡:

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

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

如果你仍然想减少折叠延迟而不是在 bootstrap.js 文件中，你可以减少 Collapse.TRANSITION_DURATION 的值，你就完成了。