Javascript не отрабатывает как надо

[Denni]

вот так выглядит структура меню:

Код

<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" нет, то другие стили. Это не работает как надо, сам не шарю особо, скрипт грубо говоря из сети + помощь + сам что-то. Может кто поможет при желании, у самого нервы сдают) Спасибо)

 

[play]

1. Не правильный DOM.
2. Нет вообще тех селекторов (классов в данном случае), к которым Вы обращаетесь.
3. id (id = 'text') не может быть одинаковым. К Вашей проблеме это отношения не имеет, но все же.

По сути проблема в верхней части (html), там написана полная ерунда.
Решение проблемы нужно начать с формулировки задачи.