Jquery悬停菜单显示隐藏

Question

我有一个带有jquery hoverIntent的Wordpress菜单，代码如下：

$(document).ready(function(){
    $(".menu-item").hoverIntent({
        over: function(){
            $(this).children('ul').fadeIn(200);
        $('.current_page_item, .current_page_ancestor, .current_page_parent').children('ul').hide();

    },
    out: function(){            
        $(this).children('ul').fadeOut(200); 
        $('.current_page_item, .current_page_ancestor, .current_page_parent').children('ul').show();
    },
    timeout: 200
});

我默认（CSS）显示活动子菜单（来自当前页面或父页面的子菜单），并且当用户将鼠标悬停在非活动菜单项上时（因为重叠），必须隐藏它们。在mouseout上，活动页面中的子菜单应该返回visibile。

一切正常，除了活动菜单的子菜单（默认显示的菜单）在鼠标悬停时闪烁。我试图用not（）和其他任何东西排除这些类，但我现在真的被困住了。

谢谢！