Twitter Bootstrap显示页面加载的所有选项卡

我有标签代码工作,但在页面加载所有的选项卡显示…一旦我点击第二个选项卡,只有第二个选项卡的内容显示.我点击回到第一个选项卡,只显示第一个选项卡的内容.刷新该页面,您将看到此第一个选项卡上的所有内容,直到重复上述步骤.任何想法我失踪了？

<ul id="tab" class="nav nav-tabs">

<li class="active">
<a href="#firsttab" data-toggle="tab">firstab</a>
</li>
<li class="">
<a href="#secondtab" data-toggle="tab">secondtab</a>
</li>

</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade active in" id="firsttab">


<p> Content of first tab </p>

</div>


<div class="tab-pane fade active in" id="secondtab">

<p> Content of second tab </p>
</div>
</div>