@prevo

Как сделать выпадающее меню при наведении, а закрытие только по клику?

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

С помощью js определил только первый класс .sub-menu, не знаю как повесить закрытие на кнопку.

JS:

const listItems = document.querySelectorAll('.sub-menu'); //берем все .sub-menu
listItems.forEach(item=>{ //итерируем
       if(item.querySelectorAll('.sub-menu').length) { //если в sub-menu нет других sub-menu
           item.classList.add("visible") //присваиваем класс
    }
})
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
28 июн. 2022, в 03:16
5000 руб./за проект
28 июн. 2022, в 01:33
30000 руб./за проект