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

Question

我正在使用引导3折叠手风琴示例。

我注意到，当使用javascript .collapse()方法时，手风琴效应似乎是出乎意料的。看这个简单的弹琴示例。

这里我使用的是$('#collapseOne').collapse('toggle');。为什么？因为要演示以下行为：

• 最初，由于这段JavaScript，面板#1被扩展。
• 点击面板#2，给了我们手风琴的效果，就像人们所期望的那样。
• 单击面板#1会产生意想不到的行为，因为两个面板现在都已展开。

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

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

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

人们会认为这会打破，还是这可能是一个bug？

Answer 1

不，没有任何bug，因为在JavaScript中，您正在切换折叠面板，它移除了实际打开折叠panel.And的in类，我想问题出现了。

因此，只需将in类从#collapseOne中删除，就可以正常使用JavaScript代码中的那部分代码。

希望它能解决你的问题。

这是工作小提琴

=EDIT=

是的，是个虫子！解决方案是在这个职位和固定的小提琴是 这里。