在开始时关闭所有Bootstrap选项卡

Question

如何一次关闭所有Bootstrap标签？ 我需要在开始时关闭所有选项卡，然后像往常一样使用它，但是如果某个选项卡打开并且我再次单击它将关闭 - 与Bootstrap手风琴功能相同。

代码与Bootstrap页面相同：

<ul class="nav nav-tabs" role="tablist" id="myTab">
  <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
  <li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>
  <li><a href="#messages" role="tab" data-toggle="tab">Messages</a></li>
  <li><a href="#settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane in active" id="home">...</div>
  <div class="tab-pane" id="profile">...</div>
  <div class="tab-pane" id="messages">...</div>
  <div class="tab-pane" id="settings">...</div>
</div>

Fisrt标签始终打开。当我删除活动课程时，它无法正常工作。