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>