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，完成转换后删除<{p>}

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

Answer 3

自引导4.2.1起如果我们想显示加载时的折叠内容：

将折叠显示类用于div或要显示的任何元素。