選項卡中的嵌套選項卡

Question

我現在通過jquery使用選項卡我想在選項卡中添加嵌套選項卡。我的問題是，當我點擊嵌套的標籤會隱藏主標籤，不會有任何內容的onclick顯示嵌套的標籤上

這裏是我的代碼： -

<div id="tabs-container" class="TabView" > 
     <ul class="tabs-menu"> 
      <li class="current"><a href="#tab-1">Guest</a></li> 
      <li><a href="#tab-2">Owner</a></li> 
     </ul> 
     <div class="tab"> 
      <div id="tab-1" class="tab-content"> 
<p>test></p> 
<div id="subtab"> 
        <ul class="tabs-menu"> 
         <li><a href="#subtab-1">Me as Guest</a></li> 
        </ul> 
       <div id="subtab-1">test2</div> 

</div> 
</div> 

請告知我任何解決方案。

Answer 1

沒有看到代碼的jQuery部分和CSS我們只能猜測，無論如何，問題可能是您必須爲嵌套選項卡中的ul塊分配不同的類名。像這樣：

<div id="tabs-container" class="TabView" > 
    <ul class="tabs-menu"> 
     <li class="current"><a href="#tab-1">Guest</a></li> 
     <li><a href="#tab-2">Owner</a></li> 
    </ul> 
    <div class="tab"> 
     <div id="tab-1" class="tab-content"> 
<p>test></p> 
<div id="subtab"> 
       <ul class="subtabs-menu"> 
        <li><a href="#subtab-1">Me as Guest</a></li> 
       </ul> 
      <div id="subtab-1">test2</div> 

</div> 
</div>