Jquery 鼠标上的关闭菜单

我在这个项目中工作导航菜单自动打开悬停，但它不会自动关闭时，我移动鼠标光标

这是我的代码，纠正我的错误

jQuery(document).on('hover', '.mobile-sub-menu-controller', function () {
       jQuery(this).siblings('.sub-menu').slideFadeToggle('return-position', 400);

        if (jQuery(this).find('i').hasClass('icon-angle-down')) {
            jQuery(this).find('i').removeClass('icon-angle-down');
            jQuery(this).find('i').addClass('icon-angle-up');
        } else {
            jQuery(this).find('i').removeClass('icon-angle-up');
            jQuery(this).find('i').addClass('icon-angle-down');
        }
    });

---

提前感谢

尝试使用mouseenter而不是hover，当您离开此块时使用mouseleave

这里是mouseover和mouseleave的示例

$document.on'mouseover'，'mobile子菜单控制器'，函数{ $this.find'.子菜单'.停止.向下滑动'fast'； }; $document.on'mouseleave'，'mobile子菜单控制器'，函数{ $this.find'.子菜单'.slideUp'fast'； }; .移动子菜单控制器{ 填充：10px； 边框：1px纯红； 光标：指针； } .子菜单{ 显示：无； } 打开菜单 菜单项1 菜单项2 菜单项3 使用别名语法：

jQuery(document).on('hover', '.mobile-sub-menu-controller', function () {
     // enter code here
    },function(){
     // exit/mouse leave code here
});

或直接事件：

jQuery(document).on('mouseenter', '.mobile-sub-menu-controller', function ()       {
     // enter code here
    });
jQuery(document).on('mouseleave', '.mobile-sub-menu-controller',,function(){
     // exit/mouse leave code here
});

---

创作小提琴？