悬停在父母身上时不要淡出

Question

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

我已经尝试了一些东西，但是当我宁愿保持打开时，我无法让它关闭菜单。这是我的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();
        });     
    }

});