→ При разработке сайта лендинг в подарок! ЖМИ! ←
Окт
13

Меню аккордеон на JQuery

Вроде как и ничего сложного, нужно просто сделать меню-аккордеон с использованием JQuery. Единственная сложность в этом всё деле — выбрать готовое решение, которое проще всего встраивается в любой сайт. Ведь не будешь писать такое «с нуля» — времени жалко. Немного покопавшись на просторах сети, нашел нужное решение. Выглядит в своем базовом варианте примерно так:

а раскрытый элемент превращается в такое:

Вы можете скачать этот accordeon с моего сайта и встраивать на свои проекты.

Кстати говоря, если вы уже сверстали макет и выполнили все необходимые работы с тем меню, куда собрались встраивать аккордеон, то можете просто игнорировать файл стилей из этого примера. Весь функционал прописан в JS. В данном случае стили — только оформление, не более того.

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

4 коммент. к записи “Меню аккордеон на JQuery”

  • K_E_V_in 18 октября 2011 - 8:53

    Обращаю внимание, что в примере НЕ модуль! Это всего лишь страничка с примером использования. Не более того

  • Max 7 апреля 2012 - 23:18

    Особенно понравилась надпись (нет подменю)
    Если уже без картинок, хоть цветом выделите…

  • fktrctq 15 мая 2012 - 16:51

    Здравствуйте! Я хотел бы узнать как сделать это меню таким, чтобы при открытии вкладки подменю, на новой странице выбранное подменю не закрывалось, а оставалось в таком же состоянии, был бы крайне благодарен вам за эту помощь

  • Евгений 22 мая 2012 - 12:14

    Доброго времени суток!
    Отличная статья! Один нюанс — в ИЕ 9 фон подменю остается такой же как у пунктов меню. Может кто знает, как убрать это наследование?

Прокомментировать

Рубрики

Наши услуги

В прямом эфире