Twitter bootstrap 引导折叠加载在页面加载时折叠

标题几乎涵盖了我面临的问题

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

我的问题是，它们在页面加载时已经被折叠

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

---

谢谢。

引导程序文档中说：

collapse插件利用几个类来处理重负载 起重：

.collapse

隐藏内容

.collapse.in

显示内容

.collasing

在转换开始时添加，在转换结束时删除

---

相应地编辑HTML（使用collapse.in而不是collapse）

谢谢您的评论

在浏览了HTML之后，我发现我需要使用

collapse

，但除了一个以外，其他所有人都在使用

collapse in

（或引导程序4中的

collapse show

）

问题已排序：）

页面加载时加载已折叠：

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

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

加载隐藏直到单击：

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

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

自bootstrap 4.2.1起 如果要在加载时显示折叠的内容：

对div或任何要显示的元素使用折叠显示类

---

检查自引导程序4起的文档

，使用折叠显示：