如何禁用bootstrap崩溃

Question

我手风琴中有一些常见问题解答。问题1处于活动状态并打开，答案可见。问题2，当我点击它时，问题2结束。我不想要那个。理想情况下，这有点偏高，我想问题1不要默认被打开。

我试过了：

$(document).on('click', '[data-toggle=collapse] .fa', function(e) {
    e.stopPropagation();
});

但是当点击另一个手风琴时，我的手风琴仍会折叠。

Answer 1

从你的问题，我可以猜出你的问题。检查您的HTML代码是否具有data-parent="xxxx"属性，其中xxxx是容器的ID。如果找到它，请删除该属性。这是使其他面板崩溃的原因。

  

要将类似手风琴的组管理添加到可折叠控件，请添加   data属性data-parent =“＃selector”。请参阅演示了解   这在行动中。

请参阅：https://getbootstrap.com/javascript/#via-data-attributes-3

Answer 2

实现此目的的简单方法是简单地删除包装手风琴组的div.panel-group容器。然后，您还可以从所有折叠目标中删除“data-parent”数据属性，只是为了清理代码。

而你的第二个问题 - 要让面板默认打开，你只需给它类“面板折叠崩溃”＆lt; - 'in'使面板开始在页面上打开。