вот так выглядит структура меню:
Код
<ul id="accordion" class="accordion">
<li>
<div class="link"><div id="text">SomeText</div></div>
<ul class="submenu">
<li><a href="#">Text</a></li>
<li><a href="#">Text</a></li>
<li><a href="#">Text</a></li>
<li><a href="#">Text</a></li>
</ul>
</li>
<li>
<div class="link"><div id="text">SomeText</div></div>
<ul class="submenu">
<li><a href="#">Text</a></li>
<li><a href="#">Text</a></li>
<li><a href="#">Text</a></li>
</ul>
</li>
</ul>
скрипт, который должен отрабатываться
Код
$(function () {
$("li").click(function(b) {
b.stopPropagation();
var a = $(this);
a.parent().find("li ul:visible").slideUp(200).removeClass('open');
a.children("ul").is(":hidden") && a.children("ul").slideDown(200, function() {
$("body, html").stop(!0, !0).animate({
scrollTop: a.offset().top - 50
}, 800)
a.toggleClass('open');
})
})
});
если "li" имеет класс "open", то ему соответствуют одни стили, если класса "open" нет, то другие стили. Это не работает как надо, сам не шарю особо, скрипт грубо говоря из сети + помощь + сам что-то. Может кто поможет при желании, у самого нервы сдают) Спасибо)
я постоянно учусь...