我有一个页面，其中包含一个选项卡列表，可在同一页面的其他位置显示选项卡面板。我想要嵌套一些标签。嵌套的选项卡项仅在单击父项时显示，因此一些列表项将是选项卡，而一些列表项将仅显示嵌套在其中的选项卡。这是我的标记的一个例子。
<div class="tabpanel></div>
<div class="tabpanel></div>
<div class="tabpanel></div>
<ul id="tabs">
<li><a href="#tabs-1">Accordion</a></li>
<li><a href="">Tables</a>
<ul>
<li><a href="#tabs-2">Widgets</a></li>
<li><a href="#tabs-3">Tables</a>
</ul>
</li>
<li><a href="#tabs-4">Tooltips</a></li>
</ul>
我已经像这样初始化了标签：$（“＃tabs”）。tabs（'div.tabpanel'），这似乎适用于打开位于标记中其他位置的选项卡面板，但是所有父列表项都是仍然标签。例如上面示例中的“表格”仍会触发标签点击。我想禁用它，因为它不是真正的标签点击，我只是想显示嵌套元素，它们将触发标签面板的打开。