jQueryツールタブ：複数の異なるインスタンス

Question

jQuery Tools Tabsを使用して、複数の呼び出しを使用して複数のタブのインスタンスを作成しようとしています。

公式の文書では、タブの複数のインスタンスを作成する例があります（http://flowplayer.org/tools/demos/tabs/multiple.html）。ただし、本質的に外観、css、htmlと同じタブ/ペインの設定が本質的に複数コピーされています。

私の現在の設定は次のようになります。

$("#tabs-1").tabs("#panes-1 > .pane-1"); 
$("#tabs-2").tabs("#panes-2 > .pane-2"); 

HTML：

<ul id="tabs-1"> 
    <li>tab 1</li> 
    ...etc 
</ul> 

<div id="panes-1"> 
    <div class="pane-1"> 
    <ul id="tabs-2"> 
     <li>tab 1</li> 
     ...etc 
    </ul> 
    <div id="panes-2"> 
     <div class="pane-2">Pane Content</div> 
     ...etc 
    </div> 
    </div> 
    ...etc (more .pane-1 panes) 
</div> 

私が欲しいものは、タブとペインの異なる2組のために、タブ機能です。 DOMの配置と外観がそれぞれ異なり、一方は他方の内側にネストされています。

上記の例の各関数は、それ自身で正常に動作します。両方が呼び出された場合、Tabsのインスタンスは1つのみ（最初に呼び出されたもの）と2番目のものが動作しません。

私は間違っていますか？

Answer 1

このページでデモを、次の試してみてください。 http://flowplayer.org/tools/demos/tabs/multiple-tabs.htm