JQuery drop-down menu — запутался в скрипте?

Question

[AlohaAlohaAloha]

Всем добрый день,

Дошло дело до дропдаун меню, и тут я сел в лужу..
Суть такова, при наведении на кнопку "Услуги", отображается вложенное меню. (Это сделано)
Далее, задумка была такой: при уходе из контейнера с дополнительным меню, собственно дополнительное меню fadeout.(Это тоже было сделано)
Но проблема возникла вот в чем: при наведении на "Услуги" и попытке увода мышки вверх, либо вправо или влево, контейнер с дополнительным меню остается "висеть". Пробовал mouseleave из главного контейнера, и вроде бы получилось, но все равно не дает жизни кнопка "Услуги"..

Будьте добрый, помогите пожалуйста в данной задаче.
Еще раз - при наведении на "Услуги" - появляется дополнительное меню. Как только курсор уводится в любую сторону из контейнера с доп. меню (вне зависимости от направления) - оно скрывается.

codepen.io/anon/pen/wMYQwG

Буду очень благодарен.
Сергей

Answer 1

[Виталий Инчин ☢]

Отлавливать mouseover, так же как и mouseleave (mouseout) нужно на li, так как и выпадающий список, и ссылка лежат внутри него.

Comments

[AlohaAlohaAloha]

Виталий Инчин ☢ Если Вы смотрели мое решение, то заметили, что дропдаун слегка специфичен тем, что он не вертикальный, а горизонтальный. Посему, привязывать mousleave для li не совсем то, что я ищу, так как между каждым li существует определенный зазор.. Ну далее я думаю нет смысла объяснять чем это чревато.

[Виталий Инчин ☢]

AlohaAlohaAloha: какая проблема этот зазор заполнить?

[AlohaAlohaAloha]

Виталий Инчин ☢: Виталий, я нашел решение. Но за ним последовала другая проблема.
Если заметите, при наведении на "Услуги", opacity меняется на .30 у некоторых элементов. Но с моим нынешним скриптом не понимаю куда вставить строку, которая вернет opacity = 1 для элементов с классом .navigation__elem_mod-opa. Буду благодарен если взгляните.
codepen.io/anon/pen/wMYQwG

[Виталий Инчин ☢]

AlohaAlohaAloha:
1. Про отступ - используйте не top, а padding-top и никаках проблем.
2. Вообще, подобные вещи можно сделать проще. Но вот конкретно по вашему примеру: codepen.io/anon/pen/YwJBJB