$(function(){
$('ul.sub_menu').slideUp(); // для начала закрываем все элементы аккордеона
$('ul.left_m li.active ul').slideToggle(300); // раскрываем список активного элемента (контейнера), ну а дальше ваш код
$('a.current').click(function(){
$('ul.sub_menu').slideUp();
if($(this).next('ul').css('display') == 'none') $(this).next('ul').slideToggle(300);
return false;
});
});
У Вас немного каша в классах, но это не существенно. Wayfinder по умолчанию добавляет класс active каждому активному элементу в дереве (снизу вверх на одном уровне) - для этого достаточно вставить плейсхолдер для класса в нужном шаблоне.
В случае, если класс active добавить активному <li>, работающий скрипт выглядит так:
$(function(){ $('ul.sub_menu').slideUp(); // для начала закрываем все элементы аккордеона $('ul.left_m li.active ul').slideToggle(300); // раскрываем список активного элемента (контейнера), ну а дальше ваш код $('a.current').click(function(){ $('ul.sub_menu').slideUp(); if($(this).next('ul').css('display') == 'none') $(this).next('ul').slideToggle(300); return false; }); });
Если не очень понятно - отпишитесь, я объясню поподробнее.
<li><a title="Услуги" href="" class="current">Услуги</a> <ul class="sub_menu" style="display: block;"> <li class="activ"><a title="Базовое обучение" href="">Базовое обучение</a></li> <li class="last"><a title="Повышение квалификации" href="">Повышение квалификации</a></li> </ul></li>
<script type="text/javascript">
$(function(){
$('ul.sub_menu').slideUp();
$('ul.sub_menu').filter(":has(li.activ)").slideToggle(300);
$('a.current').click(function(){
$('ul.sub_menu').slideUp();
if($(this).next('ul').css('display') == 'none') $(this).next('ul').slideToggle(300);
return false;
});
});
</script>
Да MODX тут и непричём совсем. Выложите хтмл-код меню, из браузера.
<ul class="left_m"> <li><a class="current" href="/uslugi.html" title="Услуги">Услуги</a> <ul class="sub_menu"><li><a href="/uslugi/bazovoe-obuchenie.html" title="Базовое обучение">Базовое обучение</a></li> <li class="last"><a href="/uslugi/povyishenie-kvalifikaczii.html" title="Повышение квалификации">Повышение квалификации</a></li> </ul> </li> <li><a class="current" href="/skidki.html" title="Скидки">Скидки</a> <ul class="sub_menu"><li><a href="/skidki/seminaryi.html" title="Семинары">Семинары</a></li> <li class="last"><a href="/skidki/requirements.html" title="Основные требования">Основные требования</a></li> </ul> </li> <li><a class="current" href="/akczii.html" title="Акции">Акции</a> <ul class="sub_menu"> <li><a href="/akczii/materialyi-dlya-dizajna.html" title="Материалы для дизайна">Материалы для дизайна</a></li> </ul> </li> </ul>
<ul class="left_m"> <li><a class="current" href="/uslugi.html" title="Услуги">Услуги</a> <ul class="sub_menu"> <li class="activs"><a href="/uslugi-catherine/bazovoe-obuchenie.html" title="Базовое обучение">Базовое обучение</a></li> <li class="last"><a href="/uslugi/povyishenie-kvalifikaczii.html" title="Повышение квалификации">Повышение квалификации</a></li> </ul> </li> <li><a class="current" href="/skidki.html" title="Скидки">Скидки</a> <ul class="sub_menu"> <li><a href="/skidki/seminaryi.html" title="Семинары">Семинары</a></li> <li class="last"><a href="/skidki/requirements.html" title="Основные требования">Основные требования</a></li> </ul> </li> <li><a class="current" href="/akczii.html" title="Акции">Акции</a> <ul class="sub_menu"> <li><a href="/akczii/materialyi-dlya-dizajna.html" title="Материалы для дизайна">Материалы для дизайна</a></li> </ul> </li> </ul>