Twitter Bootstrap wszystkie zakładki wyświetlane przy ładowaniu strony

Question

Mam działający kod kart, ale na stronie ładuje się wszystkie karty ... Po kliknięciu drugiej karty wyświetlana jest tylko treść drugiej karty. Klikam z powrotem na pierwszą kartę i wyświetlana jest tylko zawartość pierwszej karty. Odśwież stronę i zobaczysz całą zawartość tej pierwszej karty, dopóki nie powtórzysz powyższych kroków. Jakieś pomysły, których mi brakuje?

<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

Obie zakładki nie może mieć klasę "aktywną"