Подсвечиваем основной раздел, когда находимся в подразделах, после клика подсветка основного не снимается, как поправить?

Всем привет.
Нужна небольшая подсказка.

Горизонтальное меню с уровнями, сделал чтобы основное меню подсвечивалось, когда наводим мышку и вываливается подменю, в подменю если нажать развернуть другие подменю, то у основного подменю фиксируется подсветка, если мышку отвести и подменю все закрылось, то подсветка так и висит, надо как-то поправить, я пока не решил задачу, пробую варианты.

Вот что выходит, навели мышку но не кликнули раскрыть уровни подменю.
6384043d97318791117318.jpeg

И если отвести мышку, то все ок
6384045684c36614000824.jpeg

Далее, если уже раскрыть подменю в меню
6384046827935125967512.jpeg

И потом отвести мышку в сторону, ну чтоб подменю свернулось, то подсветка не убралась
638404802be30372338113.jpeg

Пощупать все это можно тут:
jsfiddle.net/vlit/m72w5uob/237

Для подсветки
.dropdown li.sub:hover,
.dropdown li.sub:focus-within {
  background: #F2F2F2;
  color: #fff;
}
  • Вопрос задан
  • 36 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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