Twitter Bootstrap tutte le schede che mostrano il caricamento della pagina

Question

Ho il codice delle schede funzionante, ma a pagina caricare tutte le schede sono visualizzate ... Dopo aver fatto clic sulla seconda scheda, viene visualizzato solo il contenuto della seconda scheda. Faccio nuovamente clic sulla prima scheda e viene visualizzato solo il contenuto della prima scheda. Aggiorna la pagina e vedi tutto il contenuto in questa prima scheda finché non ripeti i passaggi precedenti. Qualche idea su ciò che mi manca?

<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

Entrambe le schede non possono avere la classe "attiva"