Долгое время пользовался этим меню:
В шапке -


CSS -


HTML5 - 


Встала задача добавить маркеры к заголовкам (<h3>), имеющим раскрывающиеся подуровни (<ul>). Так чтобы у нераскрытого был один маркер, а у закрытого другой.

Помогите доработать код, пожалуйста - второй день убиваю... у самого не получается.

Это сообщение отредактировал(а) Aliance - 11.8.2014, 08:15

Ээ, по клику на 1 происходит сперва скрытие 1.*, а потом их открытие? Зачем такое и что должно быть? Может быть карусель - все блоки всегда скрыты, кроме активного? Тогда код изначально должен быть другой немного.

По поводу самой задачи - что конкретно нужно? Поменять текст внутри тегов h3? При активном меню один - при неактивном другой? У вас же внутри колбека клика есть доступ к h3 через $(this).text('bla bla bla')

"по клику на 1 происходит сперва скрытие 1.*, а потом их открытие?" - нет, всё скрыто, при клике на 1 выпадает сразу за ним следующий список (<ul>), а все открытые ранее списки закрываются. Т.е. так и работает "карусель - все блоки всегда скрыты, кроме активного"

А можно с примером кода? Я например пытался так: я разместил два изображения нужных маркеров и пытался играться с show() \ hide()  - фиг

Это сообщение отредактировал(а) Pena - 11.8.2014, 13:13

http://jsfiddle.net/Aliance/c0ru9by3/

Добавлено через 58 секунд
Но в целом это велосипед: http://jqueryui.com/accordion/

Еее... благодарю за подсказку и наводку на полезный ресурс, в итоге получилось это

з.ы. Пробывал не только jQuery Ui, но и ряд аналогичных решений - не сраслось (ручки кривые).

Это сообщение отредактировал(а) Pena - 11.8.2014, 19:32

У вас там в одном случае next, а в другом siblings - лучше бы определится и использовать что-то одно. Кроме того, зачем вы пишете селекторы в верхнем регистре? 

Исправил, благодарю. 
Просто так привык в CSS писать... это же не ошибка?

Не ошибка, но есть негласные правила стиля программирования (coding style), и html теги, jquery/css селекторы лучше писать в нижнем регистре.