Tabs 选项卡中的嵌套选项卡

我正在通过jquery使用tab，现在我想在tabs中添加嵌套的tab。我的问题是，当我单击嵌套选项卡时，它将隐藏主选项卡，并且在嵌套选项卡上单击时不会显示任何内容

这是我的密码：-

<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>

测试>




测试2

---

请告诉我任何解决方案。

在没有看到代码的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>

测试>




测试2

在没有看到代码的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>

测试>




测试2