Twitterブートストラップは、ページの負荷に表示されているすべてのタブ

Question

私はタブのコードが動作しているが、すべてのタブが表示されてロードする...一度私は2番目のタブをクリックするとその2番目のタブのコンテンツが表示されます。最初のタブに戻ると、最初のタブのコンテンツだけが表示されます。ページを更新すると、上記の手順を繰り返すまで、この最初のタブのすべてのコンテンツが表示されます。私の欠点は何ですか？

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

Answer 1