Одна кнопка вертикальное меню аккордеон CSS + javascript

Меню реализовано списком определений, в описание определения вложен маркированный список и вся эта красота спрятана в одной кнопке. Раскрывающийся список меню абсолютно позиционирован и раскрывается поверх всех элементов на странице, что бывает очень удобно при нехватке или экономии места. Меню корректно работает во всех нормальных браузерах, код валидный DTD XHTML 1.0 Strict, валидацию можно проверить кнопочкой внизу справа на примере меню.
Новичку будет сложно добавить что-то своё в эту навигацию, описывать реализацию я не буду, дам лишь несколько важных замечаний:
Добавлять категории больше чем в примере нельзя, меньше можно
Идентификаторы категорий не должны повторяться
Последняя категория должна быть НЕРАСКРЫВАЮЩЕЙСЯ
В общем берём и пользуемся как есть, ну, естественно со своими ссылками и названиями.
Посмотреть пример одна кнопка вертикальное меню аккордеон CSS + javascript
Скачать готовый пример одна кнопка вертикальное меню аккордеон CSS + javascript
Пользуемся на здоровье! И не забываем комментировать.
Понравилась новость Одна кнопка вертикальное меню аккордеон CSS + javascript на MegaWeb.su? Сохрани в закладках или распечатай!
Информация

Если копируете мой материал - будьте добры оставлять ссылку на источник MegaWeb.su пожалуйста, или поставьте на свой сайт мою кнопочку.
Уважайте чужой труд! И Вам хорошо - и мне приятно, это стимулирует дальнейшее развитие проекта!
Другие новости по теме
Обратите внимание, возможно Вас заинтересуют другие публикации, похожие на Одна кнопка вертикальное меню аккордеон CSS + javascript из категории Меню навигации
- Меню навигации ⋙ CSS3 горизонтальное выпадающее меню в стиле web 2.0
- Меню навигации ⋙ Горизонтальная раздвижная CSS3 навигация
- Меню навигации ⋙ Вертикальное выпадающее CSS меню
- Меню навигации ⋙ Стильное вертикальное выпадающее css меню
- Меню навигации ⋙ Универсальное CSS3 меню одна кнопка замечательный пример CSS3 анимации
- Меню навигации ⋙ Простое круглое меню на CSS с описанием категории при наведении на иконку
- Меню навигации ⋙ Эффектное и простое вертикальное и горизонтальное Lavalamp меню на jQuery
- Меню навигации ⋙ Вертикальное выпадающее меню на jQuery с иконками категорий
- Основы / CSS ⋙ Обзор основных CSS3 свойств Меню аккордеон на CSS3 вертикальное
- Магия ЯваСкрипт / jQuery ⋙ Кнопка Выключить свет на jQuery для онлайн кинотеатров
Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.