jQueryのネストされたタブ

Question

可能性の重複：
Unable to get jquery tabs nested

私は、ネストされたタブを作成する必要があります。しかし、私はGoogleによって満足のいく解決策を得ていませんでした。誰も私に解決策を提案することはできますか？私はJavaスクリプトやjqueryプログラマーではありません。

ありがとうございます！ここで

Answer 1

がソリューションです：http://jsfiddle.net/bpJUv/1/

JS

$('#tabs').tabs(); 
$('#tabs1').tabs(); 
$('#tabs2').tabs(); 

HTML

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">First tab</a></li> 
     <li><a href="#tabs-2">Second tab</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p> 
      <div id="tabs1"> 
       <ul> 
        <li><a href="#tabs-11">First nested 1</a></li> 
        <li><a href="#tabs-12">Second nested 1</a></li> 
       </ul> 
       <div id="tabs-11"> 
        <p>Content for first nested tab 1</p> 
       </div> 
       <div id="tabs-12"> 
        <p>Content for second nested tab 2</p> 
       </div> 
      </div>    
     </p> 
    </div> 
    <div id="tabs-2"> 
     <p> 
      <div id="tabs2"> 
       <ul> 
        <li><a href="#tabs-21">First nested tab 2</a></li> 
        <li><a href="#tabs-22">Second nested tab 2</a></li> 
       </ul> 
       <div id="tabs-21"> 
        <p>Content of first nested tab 2</p> 
       </div> 
       <div id="tabs-22"> 
        <p>Content of second nested tab 2</p> 
       </div> 
      </div>   
     </p> 
    </div> 
</div>