Tabs Twitter引导页面加载时显示的所有选项卡

我有标签代码工作，但在页面加载所有标签显示。。。单击第二个选项卡后，仅显示第二个选项卡的内容。我单击返回第一个选项卡，只显示第一个选项卡的内容。刷新页面，您将看到第一个选项卡上的所有内容，直到重复上述步骤。你知道我遗漏了什么吗

<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>

第一个选项卡的内容

第二个选项卡的内容

两个选项卡都不能让类“活动”

谢谢。我试过一次，但一定是被缓存了。。。现在工作。