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

我正在用Bootstrap 3构建一个管理仪表板，并需要一个"查看更多"按钮来取消一些内容。下面的代码可以很好地工作，但是在页面加载时，我们会在动画发生时看到折叠内容。

小提琴可以在这里找到: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>

有谁知道如何删除非隐藏内容的闪烁吗?

注意:这个问题是关于Bootstrap 2的，并且这个问题从来没有被一个正确的解决方案完全修复过。