Javascript 引导3-使用切换方法时手风琴效果中断

我正在使用。
我注意到，当使用javascript

.collapse（）

方法时，手风琴效果似乎出乎意料。 看这个

这里我使用的是

$（'collapseOne'）.collapse（'toggle'）。为什么？因为要演示以下行为：


最初，由于这段JavaScript，面板1得到扩展
点击面板#2会给我们带来人们所期望的手风琴效果
单击面板#1会出现意外行为，因为两个面板现在都已展开

现在，如果您删除javascript并执行以下步骤：


单击面板#1展开
单击面板#2以获得手风琴效果
再次点击面板#1，仍然会给我们带来手风琴效果

这里的观察结果是，当使用
.collapse（'toggle'）
方法时，手风琴效果似乎被破坏了

有人会认为这是一个漏洞吗

不，没有任何错误，因为在JavaScript中，您正在切换折叠面板，从而删除实际打开折叠面板的
类中的
。我想问题来了

因此，只需将
类中的
从
#collapseOne中删除即可
使用JavaScript代码，一切都将正常工作

希望它能解决你的问题

这里是

=编辑=

是的，它是一只虫子！
解决方案在中，修复的JSFIDLE是
您得到的错误是什么？错误？没有错误。我刚刚遇到意外行为。请在
bootstrap.min.js
之后添加您的
jquery.min.js
。这将解决问题。小提琴：@QuantumHive@AakashThakur这将导致此错误：
JavaScript运行时错误：Bootstrap的JavaScript需要jQuery
。我想这个问题没有重复，也没有正确的答案。解决方案是，如果我用
$（'#collapseOne'）替换javascript，则修复了JSFIDLE。collapse（'toggle'），那么在重复问题中提供的步骤时，问题似乎仍然会出现。我已经调整了来证明这一点。我试图描述的问题是，在您使用其中一种javascript方法后，这似乎会破坏单击功能（例如，如果您不使用任何javascript切换，则单击行为会有所不同）。