Bootstrap 3 - 使用切换方法时，手风琴效果会中断

Question

我正在使用Bootstrap 3 Collapse Accordion Example 我注意到在使用javascript .collapse()方法时，手风琴效果似乎意外。 请参阅此simple jsfiddle example。

我在这里使用$('#collapseOne').collapse('toggle');。为什么？因为要证明以下行为：

• 最初由于这条JavaScript，面板＃1 得到了扩展。
• 点击面板＃2 ，可以为我们带来手风琴效果。
• 点击面板＃1 会产生意外行为，因为现在这两个面板都已展开。

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

• 点击面板＃1 展开
• 点击面板＃2 以获得手风琴效果。
• 再次点击面板＃1 ，仍然会为我们提供手风琴效果。

这里的观察是在使用.collapse('toggle')方法时，手风琴效果似乎被打破了？

有人会期望这会破坏或者这可能是一个错误吗？

Answer 1

  

没有任何错误，因为在 JavaScript 中，您正在切换折叠面板，这会删除实际打开折叠面板的in类。并且我猜有问题。

因此，只需从in中删除#collapseOne课程，您的 JavaScript 代码即可正常运行。

希望它能解决你的问题。

这是 working fiddle

<强> = EDIT =

是的，这是一个错误！ 解决方案位于this post，固定的jsfiddle为here 。