Как оформить вложенное меню на чистом JS?

Добрый день.

Пример на картинке. При открытии страницы по умолчанию должно быть открыто menu1 - menu1.1 - и область с содержимым этого подменю. Эти пункты как активные в данный момент визуально выделяются.

Перейдя на следующий пункт меню - menu2 например - для него также открываются его подменю (2.1 по умолчанию). menu1.1 ... menu 1.4 просто замещается на menu2.1 ... menu2.4. Суть в том, что внизу страницы есть ещё и контент и слайдеры, как можно при взаимодействии с ними не сбивать фокус и визуальное выделение выбранного изначально меню и подменю
Только начинаю изучать JS, и хотелось бы понять как это можно реализовать на нативке. Подскажите в какой событие или метод копнуть поглубже?
5ddcb47a94c27231971968.png
  • Вопрос задан
  • 142 просмотра
Пригласить эксперта
Ответы на вопрос 1
Robur
@Robur
Знаю больше чем это необходимо
Для фокуса сделайте свои css- классы. И их же для скрытия/показа.
Ловите события мыши на меню - ховер, клик, работаете с дом элементами добавляя/удаляя эти классы как вам нужно.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы