Javascript Don'；当鼠标悬停在父对象上时，t淡出

我已经让菜单的fadeIn工作，当我在ul的子菜单上时，它保持打开状态，但当我将鼠标悬停在激活fadeIn的列表项上时，它将关闭然后重新打开

我试过一些方法，但我不能让它不关闭菜单，因为我宁愿它一直打开。以下是我的js：

//Flyout Menu
$(document).ready(function() {
    var flyout = $('#directors-flyout');
    var second = $('.second');

    second.hover(function() {
        flyout.fadeIn();
        second.addClass('show');
    });

    flyout.hover(function() {
        $(this).show();
        $('.second .show').show('flyout');
    }, function() {
        $(this).fadeOut();
    });

    $('.first').hover(function() {
        flyout.fadeOut();
    });

    $('.third').hover(function() {
        flyout.fadeOut();
    });

    if($("#directors-flyout").is(':visible')) {
       second.hover(function() {
            flyout.show();
        });     
    }

});

---

你可以发布标记，或者一个指向小提琴的链接吗？你不能改用CSS伪类

：hover

？这只是菜单打开后的第二个li。请在“flyout.hover，function（）{$（this.fadeOut（）；}”上删除悬停，谢谢您的支持。成功了。