Всем привет!
Есть много меню, пункты которых в простых дивах. У некоторых div добавляется класс "show", а у остальных "hide item-hide".
Под каждым меню нужно выводить ссылку "Показать", если есть хоть один "hide item-hide". Т.е. если есть скрытые пункты, то нужно выводить ссылку на "Показать". При клике нужно убирать "item-hide" и выводить скрытые пункты. Ссылка при этом меняется на "Скрыть". При скрытие, нужно пункты у которых остался класс hide(мы убираем только item-hide) нужно прятать и добавлять item-hide.
Чтобы наглядно было
CODE ( html):
скопировать код в буфер обмена
<div id="menu-1"> {foreach $arr AS $a} <div class="show">1111</div> <div class="hide item-hide">2222</div> <div class="show">3333</div> <div class="hide item-hide">4444</div> <div class="show">5555</div> {/foreach} <a href="#" onclick="showMenu('1');" class="shows">Показать</a> <a href="#" onclick="hideMenu('1');" class="hides">Скрыть</a> </div>
При этом нужно учесть то, что если нет ни одного hide, то не выводить вообще ссылки на Показать\Скрыть, так как они будут не нужны, ибо нечего показывать. Меню формирует smarty. Каждое меню имеет свой id, потому как этих меню не мало.
Что-то не могу нормально придумать как реализовать задуманное на jQuery. Точнее не могу понять как у каждого меню проверять через js есть ли hide и у нужных меню выводить ссылки.
Буду благодарен за помощь!
|