Доброго дня!
натолкните на мысль с микроформатами, голову сломал )
ЗАДАЧА
в строку выводятся три таба, но само содержимое табов скрыто.
По клику на таб вкладка разворачивается показывая содержимое
клик на другой таб - показывается содержимое соответствующей вкладки
клик на активный таб - содержимое вкладки сворачивается.
cm-combination не подходит, так как открывая второй блок не скрывается первый (своя кнопка/ссылка для каждого разворачиваемого блока без возможности переключения между ними).
cm-js - табы с вкладками дают переключение, но не скрывают.
Вышел из положения, заключив табы в блок управляемый cm-combination (правда первый клик открывает выбранную вкладку, второй выбирает другую, но сворачивает содержимое, и только третий разворачивает снова, но это уже мелочи, хоть и неприятные немного).
ОДНАКО! полученный в итоге код например на странице дашборда, веб-сайт - Вход через соцсети, Модули - Управление модулями - работает правильно
а на страницах Покупатели - Покупатели, Товары - Товары, Заказы - Отгрузка -
при клике на любом табе активным остается первый и показывается содержимое первой вкладки,
то есть получается cm-js на половине страниц не отрабатывает.
КОД:
<div class="avp-planner-widget">
<div class="cm-j-tabs cm-track tabs ">
<ul class="nav nav-tabs">
<li><b>{__('text')}</b> :: </li>
<li id="intask" class="cm-js active"><a class="cm-combination" id="sw_content_planner">text1</a></li>
<li id="pagetask" class="cm-js"><a class="cm-combination" id="sw_content_planner">text2</a></li>
<li id="notes" class="cm-js"><a class="cm-combination" id="sw_content_planner">text3</a></li>
</ul>
</div>
<div id="content_planner" class="cm-tabs-content hidden">
<div id="content_intask" class="">
text111
<!--content_intask--></div>
<div id="content_pagetask" class="hidden">
tezt222
<!--content_pagetask--></div>
<div id="content_notes" class="hidden">
text333
<!--content_notes--></div>
</div>
</div>
Я никак не пойму - ПОЧЕМУ? кэш чистил. var/cache удалял
А может есть иной путь, заложенный в карт, неведомый пока мне?
