Здравствуйте!
Не так давно увлекаюсь ModX, пытаюсь разобраться, но не всегда получается, обращаюсь к вам за поддержкой.
Цель такая, обычное меню с одним уровнем вложенности, пытаюсь сделать так, что бы по клику на верхнем пункте срабатывала jquery функция click, и без обновления странички если есть вложенный список ul, он раскрывался slideUp(), а при клике на следующем пункте, открытый закрывался а новый открывался. Но проблема в том у меня, что я в коде Wayfinder добавил class="sh" и onclick="return false":
$this->_templates[$n] = ’<li [+wf.id+][+wf.classes+]><a class="sh" onclick="return false" href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]>[+wf.linktext+]</a>[+wf.wrapper+]</li>’;
и это все подставляется ко всем тегам <a>, а мне нужно только в верхних пунктах
, и получается из за onclick="return false" никакие пункты не работают, и следующий <ul> не закрывается.
вот jquery код:
$(function(){
$(’a.sh’).click(function(){
$(’.sid_m ul.mmenu’).slideUp();
if($(this).next(’ul’).css(’display’) == ’none’) $(this).next(’ul’).slideToggle(300);
//return false;
});
});
Вот меню:
<div class="sid_m">
<ul class="mmenu">
<li><a title="" href="/about.html" onclick="return false" class="sh">О НАС</a>
<ul>
<li><a title="Контакты" href="/contact.html" onclick="return false" class="sh">контакты</a></li>
<li><a title="Контакты" href="/contact.html" onclick="return false" class="sh">контакты</a></li>
<li><a title="Контакты" href="/contact.html" onclick="return false" class="sh">контакты</a></li>
</ul>
</li>
</ul>
подскажите пожалуйста, как реализовать? У меня есть мысль, проверку написать на верхний пункт, на то что если есть вложенность, то onclick="return false" и показывай вложенный список без перехода куда либо, а если нет вложенного списка, то href="" и вперед.
Но не знаю как опять таки это сделать в Wayfinder
, подскажите что и как для этой цели сделать грамотней!? Пожалуйста
