如何防止在下拉菜單上重複滑動切換效果？

Question

我有一個導航菜單，用於展開懸停的子菜單。我的問題是，當我將鼠標懸停在菜單項上時，子菜單展開，然後當我從菜單中離開鼠標時，出現slideToggle效果重複，子菜單停止。

請參閱我的jsFiddle。

修復它我試圖添加.stop()之前.slideToggle()如在這裏解釋：Make jQuery submenu expand parent AND Prevent repeating slideToggle effect但不起作用。

爲什麼？

Answer 1

只需將hover()操作限制爲menu類的li，否則懸停會在每個後續li上發生，而這不是您想要的。

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

見update of your jsfiddle

Answer 2

改變你的JavaScript的代碼二號線從

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

這個

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