Блог

У меня есть страница, на которой есть список вкладок, которые отображают панели вкладок в другом месте на той же странице. Я бы хотел, чтобы некоторые вкладки были вложенными. Вложенные элементы вкладки отображаются только при нажатии на родительский элемент, поэтому некоторые элементы списка будут вкладками, а некоторые просто покажут вложенные в них вкладки. Это пример моей разметки.

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

Используйте class=»wrap». Следуйте этому примеру: http://jquerytools.org/demos/tabs/multiple.html