webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...

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

Вечно у меня с этими пунктами меню беда.
https://jsfiddle.net/e9xrmydw/1/ переписал нахрен говнокод
Как исправить, чтобы вложенный пункт не пропадал при наведении на него мышью.
То есть, когда убираешь фокус с arrow) Пункт Прайс)
  • Вопрос задан
  • 998 просмотров
Решения вопроса 1
Если тебя устраивает тот факт что при наведении на родительский элимент-текст внутри родительского элемента не видно, то нужно просто дочерний элемент(тот самый выпадающий список) Поднять выше. Тот самый разрыв в пару пикслелей видишь?! вот когда курсор в него попадает-теряется фокус. Ну вообще конечно нужно было бы все переделать в человеческий вид. Это не код а кошмар. Можно было бы обойтись без js на мой взгляд))
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
У вас не получается из-за того, что вы не знаете где у вас вообще область hover
.menu__item:hover .submenu {display:block;}
Это все, что нужно для того, чтобы при наведении ссылку из подменю, основное не убиралось. Почему? Потому что при наведении на подменю вы все равно в зоне .menu__item, за счет вложенности подменю в эту ссылку.

И никакой JS не нужен:

https://jsfiddle.net/e9xrmydw/3/
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Delerex Pte Ltd. Санкт-Петербург
от 100 000 руб.
NetLab Москва
от 35 000 до 50 000 руб.
Sveak Барнаул
от 50 000 руб.
12 дек. 2019, в 23:19
10000 руб./за проект
12 дек. 2019, в 23:04
500000 руб./за проект
12 дек. 2019, в 22:52
1000 руб./за проект