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

我真的需要休息，这是工作...问题是，案文是一样的，我没有看到。

对不起。

已解决