jQuery地址子标签（嵌套标签）（深层链接）

Question

我试图使用jquery.addres插件，有许多父标签与许多子标签，第一个标签工作正常，它显示其所有子标签，但第二个标签不'顺利活动及示例页面上，他们表现出了许多子选项的第一个选项卡，并用一个简单的内容

这里的第二个选项卡是例如链接 here

我没有重现网页Jbin here你”我会注意到tab2没有儿童标签，我怎样才能使它工作

这里是我的HTML不能在第二个选项卡上工作，我的猜测是我不应该使用ID子选项卡两次，如果我确实将ID更改为类，并将上面的脚本从“＃” “以”。“，我仍然无法重现的子选项卡第二个选项卡下，我敢肯定，这一定是容易的，但我不能弄清楚

<div class="page"> 
<h1>jQuery Address SubTabs</h1> 

<div id="tabs"> 
    <ul> 
    <li><a href="#tab1">Tab 1</a></li> 

    <li><a href="#tab2">Tab 2</a></li> 
    </ul> 

    <div id="tab1"> 
    <p>Tab 1</p> 

    <div id="subtabs"> 
     <ul> 
     <li><a href="#tab1-subtab1">SubTab 1</a></li> 

     <li><a href="#tab1-subtab2">SubTab 2</a></li> 
     </ul> 

     <div id="tab1-subtab1"> 
     <p>SubTab 1</p> 
     </div> 

     <div id="tab1-subtab2"> 
     <p>SubTab 2</p> 
     </div> 
    </div> 
    </div> <!--end subtab1--> 

    <div id="tab2"> 
    <p>Tab 2</p> 

    <div id="subtabs"> 
     <ul> 
     <li><a href="#tab2-subtab1">SubTab 1</a></li> 

     <li><a href="#tab2-subtab2">SubTab 2</a></li> 
     </ul> 

     <div id="tab2-subtab1"> 
     <p>SubTab 1</p> 
     </div> 

     <div id="tab2-subtab2"> 
     <p>SubTab 2</p> 
     </div> 
    </div> <!--end subtab2--> 
    </div> <!--end tab2--> 
</div> <!--end tabs--> 

Answer 1

我结束了使用jquery工具它似乎是最好的选择 http://jquerytools.org/demos/tabs/multiple-tabs.htm 希望它能帮助别人

Answer 2

S olution是头：

var tabs, 
       separator = '-', 
       initialTab = 'tab1', 
       navSelector = 'ul.ui-tabs-nav a', 
       tabSelector = '#tabs, #tab1 > #subtabs'; 

var tabs, 
       separator = '-', 
       initialTab = 'tab1', 
       navSelector = 'ul.ui-tabs-nav a', 
       tabSelector = '#tabs, #tab1, #tab2 > #subtabs'; 

看看......添加＃TAB2