У меня есть страница со списком вкладок, которые показывают панели вкладок в другом месте на той же странице. Я бы хотел, чтобы некоторые вкладки были вложенными. Вложенные элементы вкладок отображаются только при щелчке по родительскому элементу, поэтому некоторые элементы списка будут вкладками, а некоторые просто отобразят вкладки, вложенные в них. Это пример моей разметки.
<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'), который, кажется, работает для открытия панелей вкладок, которые расположены в других местах разметки, однако все элементы родительского списка еще вкладки. например «таблицы» в приведенном выше примере все еще вызывает щелчок вкладки. Я хотел бы отключить это, поскольку это не совсем щелчок вкладки, я просто хочу показать вложенные элементы, и они будут вызывать открытие панелей вкладок.