Отзивчиво меню на няколко нива - скриптове на уебсайтове

Днес ще направим адаптивно меню на много нива. За мобилната версия добавете няколко реда javascript код. За по-добро възприемане на елементите за навигация, нека добавим за всяка икона, използвайки шрифта-awesome.css, който вече ни е познат от предишни уроци, с шрифтове на икони

Менюто е неподреден списък:

За да добавите икони, трябва само да добавите класа, съответстващ на иконата, към маркера i - напр, икона-дом, икона-камера и така нататък.

Нека да разгледаме CSS за десктоп меню от първо ниво:

Ще скрием менюто от второ ниво и ще го разкрием, когато потребителят задържи курсора на мишката върху елемента от първо ниво.

Менюто от трето ниво ще има същите свойства като менюто от второ ниво, с изключение на позиционирането:

---