javascript - 导航时保持下拉菜单打开

Question

我在悬停下拉菜单时遇到一些问题，当我将光标从 mouseenter ID 移出以转到子菜单下进行导航时，它会向上滑动。为了解决这个问题，我整天都在扯头发，我尝试了很多在网上找到的例子，但我没有找到解决方案。任何帮助将不胜感激

 var menu = $('.menu')
 menu.hide();
 $("#mainbutton").mouseenter(function(){
   $(".menu").stop().slideDown("fast");
 });
 $("#mainbutton").mouseleave(function(){
   $(".menu").stop().slideUp("fast");
 });

Fiddle

Answer 1

当你离开整个 nav 时让它向上滑动:

 $("#nav").mouseleave(function(){
   $(".menu").stop().slideUp("fast");
 });

Fiddle Example