Javascript 引导：使用折叠方法后，折叠不能立即工作

请参阅：

代码是从W3学校获得的：

$（“#collapse1”）.collapse（'hide'）；
$（“#collapse2”）.collapse（'show'）；

将上述代码添加到页面后，要手动隐藏第一个面板并显示下一个面板，前两个面板将在显示时停止隐藏其他面板

如何解决这个问题

更新： 默认情况下，我不希望第一个面板隐藏，第二个面板可见，我希望在单击按钮（或任何其他javascript代码）时执行该操作。

---

另外，通过单击“添加和删除”类删除动画不会导致图标更改事件（）。要实现上述结果，不需要脚本，可以使用类

.collapse

：隐藏内容和

.collapse.in

：显示内容

因此，请在HTML中进行以下更改：

 <div id="collapse1" class="panel-collapse collapse in">

到

及

到

---

实现同样的目标。请参阅小标题：“

为什么要使用此额外的折叠代码。你不需要它。手动操作，它将完全按照必须的方式工作do@MeeneshJain嘿问题更新：D抱歉信息太少：）现在已经提到了应用程序。实际上默认情况下，我不希望它隐藏第一个面板并显示第一个面板，但onclick我希望发生这种行为。然后使用onclick可以添加或删除类请参考更新的问题，这会影响动画+图标更新。

 <div id="collapse1" class="panel-collapse collapse in">

<div id="collapse1" class="panel-collapse collapse">

<div id="collapse2" class="panel-collapse collapse">

<div id="collapse2" class="panel-collapse collapse in">