选项卡中的嵌套选项卡

Question

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

这是我的代码：-

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