JQuery：我可以在同一頁面有兩個選項卡嗎？

Question

我試圖在同一頁面有兩個選項卡，但第一個很好，第二個完全不起作用。

在同一頁面中可能有2個選項卡，如果是，我該如何管理？例如：$（'＃tab1'）。tabs（）; $（'＃tab2'）。和另一個$（'＃tab2'）。tabs（）;

謝謝

我的HTML：

<section> 
<div id="radioprog"> 
    <h2 class="fire">R&aacute;dio</h2> 
    <ul id="radio-nav"> 
     <li><a class="dia" href="#seg">2ª</a></li> 
     <li><a class="dia" href="#ter">3ª</a></li> 
    </ul> 

    <div id="seg" class="programacao"> 
     seg 
    </div> 


    <div id="ter" class="programacao"> 
     ter 
    </div> 

</div>  
</section> 

<section id="info-tab" style="width:325px; margin-top:3px;"> 
<div id="tabs"> 
    <ul> 
     <li><a href="#comentados">+ Comentados</a></li> 
     <li><a href="#lidos">+ Lidos</a></li> 
    </ul> 

    <div id="comentados"> 
     <ul> 
      <li><a href="#nowhere" title="Lorum ipsum dolor sit amet">Lorem</a></li> 
      <li><a href="#nowhere" title="Aliquam tincidunt mauris eu risus">Aliquam</a></li> 

     </ul> 
    </div> 

    <div id="lidos"> 

     <ul> 
      <li><a href="#nowhere" title="Lorum ipsum dolor sit amet">Lorem</a></li> 
      <li><a href="#nowhere" title="Aliquam tincidunt mauris eu risus">Aliquam</a></li> 
     </ul> 
    </div> 
</div>  
</section> 

Answer 1

你可以有多個選項卡（嵌套，在同一水平上，等）。

您遇到問題時，他們共享相同的ID。

參見：

http://jsbin.com/eqivo/edit

Answer 2

我真的需要休息，這是工作...問題是，案文是一樣的，我沒有看到。

對不起。

已解決