Twitter Bootstrap tất cả các tab hiển thị khi tải trang

Question

Tôi có mã tab hoạt động nhưng khi tải trang tất cả các tab được hiển thị ... Khi tôi nhấp vào tab thứ hai, chỉ nội dung của tab thứ hai mới được hiển thị. Tôi nhấp lại vào tab đầu tiên và chỉ hiển thị nội dung của tab đầu tiên. Làm mới trang và bạn thấy tất cả nội dung trên tab đầu tiên này cho đến khi bạn lặp lại các bước trên. Bất kỳ ý tưởng những gì tôi đang mất tích?

<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

Cả hai tab không thể có lớp "hoạt động"