Как предотвратить повторение эффекта слайд-эффекта в раскрывающемся меню?

Question

У меня есть меню навигации, которое расширяет подменю при наведении. Моя проблема в том, что когда я наводил на пункты меню, подменю расширяется, а затем, когда я покидаю мышь из меню, я получаю эффект эффекта slideToggle, и подменю останавливается.

Просмотреть мои jsFiddle.

, чтобы исправить это Я попытался добавить .stop() до .slideToggle(), как описано здесь: Make jQuery submenu expand parent AND Prevent repeating slideToggle effect, но не работает.

Почему?

Answer 1

Просто ограничьте действие hover() до li класса menu, в противном случае наведение будет происходить на каждом последующем ли, который не является тем, что вы намеревались.

$("li.menu").on("hover", ... 

См update of your jsfiddle

Answer 2

изменить свой 2-ой линии JavaScripts кода из

$("li").on("hover", function(e){ 

к этому

$(".menu").on("hover", function(e){