Адаптивное мега-меню на jQuery

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

Работает оно по принципу, что если в основной раздел вложен только один подраздел, то выпадает обычное подменю, а если в этот подраздел вложены еще под-подразделы, то открывается мега-меню (в примере это 4 колонки).

Данное меню удобно настроить под свои нужны, а из-за отсутствия классов у всех списков - внедрить в любую CMS

Также стоит отметить удобный адаптивный вариант, складывающий на узком экране все меню и открывающий подменю отдельной кнопкой (часто можно видеть что подменю открывается нажатием на раздел, что лишает его возможности быть ссылкой).

Для иконок мобильного меню используется шрифт Font Awesome

Пример:

HTML:

CSS:

jQuery:

Источник: github

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!