Задать вопрос

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

Добрый день.

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

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

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

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
div. Ставрополь
от 40 000 до 90 000 ₽
Wanted. Санкт-Петербург
До 220 000 ₽
18 дек. 2024, в 13:47
2000 руб./в час
18 дек. 2024, в 13:22
30000 руб./за проект
18 дек. 2024, в 12:37
10000 руб./за проект