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

时间:2014-10-04 12:33:34

标签: tabs twitter-bootstrap-3 accordion

如何一次关闭所有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标签始终打开。当我删除活动课程时,它无法正常工作。

0 个答案:

没有答案