Bootstrap 3崩溃 - 页面加载时隐藏内容的闪烁

Question

我正在使用Bootstrap 3构建一个管理仪表板，并且需要一个＆＃34;查看更多＆＃34;按钮以取消折叠某些内容。这适用于以下代码，但是在页面加载时，我们会在动画发生时立即看到折叠内容。

这里可以找到一个小提琴：http://jsfiddle.net/sSNG4/

我使用以下代码初始化崩溃：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".collapse").collapse();
}); 
</script>

有谁知道如何删除那些未隐藏内容的闪烁？

注意：This question指的是Bootstrap 2，无论如何，问题从未完全通过正确的解决方案解决。

Answer 1

http://getbootstrap.com/javascript/#collapse-usage

1. 在您的HTML中，将class="collapse in"更改为class="collapse"。 in类表示它是“开放的”。
2. 完全删除JavaScript。 data-属性将告诉Bootstrap自动初始化可折叠div。

http://jsfiddle.net/mblase75/YyKhH/