Axeligenering Сообщение 02/03/2013 10:39 Копия темы
многоуровневое меню Друзья, что то пока делал совсем запутался(((

Есть меню jsfiddle.net/S54jU/


Вопрос в том что бы по клику на не активный пункт, выделялся активным, если в нем есть вложенные, то они разворачивались.

Все работает, кроме первого клика. Т.е. когда есть активный пункт, с раскрытыми подпунктами. То при клике на другой какой то пункт, активный должен плавно сворачиваться, ну и убирать активность. А получается, что он тупо пропадает, потому что класс убирается.

Потом все работает как надо.

Как сделать что бы он менял класс на не активный и плавно сворачивался, а другой если надо разворачивался??

Заранее всем откликнувшимся огромное спасибо!

trushka Сообщение 02/03/2013 14:04 Копия темы
Уберите из css
ul.catalog li.active ul{display:block;}

А в js добавьте перед обработчиком click
$(".act>ul").show()

А класс "active" тогда вообще не нужен
jsfiddle.net/eyjhh/

Но вообще, я б сделал наоборот не сворачивал бы в css, а свернул бы скриптом всё, кроме активного.. Ато вдруг у кого js не работает – ну, мало ли))

upd: Вот так: jsfiddle.net/Q5pEE/ – заметьте, это скрипт полностью, то есть 1-я строчка должна идти перед $(document).ready() – в head дописывается дополнительный css, скрывающий неактивные пункты, а не в сам сss, чтобы меню сразу показывалось свёрнтым, не дожидаясь загрузки всего документа, но только при включённом JS.

Axeligenering Сообщение 02/03/2013 16:18 Копия темы
Спасибо за помощь;)

Только вот единственное, какой то длинный код получается, для маленького действия. Нельзя как то упростить и укоротить???

xbost Сообщение 02/03/2013 18:12 Копия темы
jsfiddle.net/v3f2J/ например. нет смысла скрывать выпадающие меню при клике на обычную ссылку

Axeligenering Сообщение 03/03/2013 13:07 Копия темы
хз, все равно спасибо))