Bootstrap折叠加载在页面加载时折叠

Question

标题几乎涵盖了我遇到的问题.

我在我正在开发的网站上有一个列表,我在可折叠元素中隐藏了一些东西.

我遇到的问题是它们已经在页面加载时崩溃了.

有没有人知道如何解决这个问题？

谢谢.

Answer 1

谢谢你的评论Rob.

在查看HTML之后想到它,我需要使用,collapse但除了一个之外的所有人都在使用collapse in.

问题排序:)

页面加载时加载折叠:

<div id="collapseOne" class="panel-collapse collapse in">

加载隐藏直到被点击:

<div id="collapseOne" class="panel-collapse collapse">

Answer 2

Bootstrap文档说明了这一点:

崩溃插件使用几个类来处理繁重的工作:

.collapse 隐藏内容

.collapse.in 显示内容

.collapsing 在转换开始时添加,并在完成转换时删除

相应地编辑HTML(使用collapse.in而不是折叠)