链接jQuery元素以显示在悬停上

Question

有没有简单的方法来链接jQuery元素，用于悬停。我在http://jsbin.com/useviz/3/edit有jsbin我拥有它基本上是这样，当您将鼠标悬停在ul上时，它不会关闭当您将鼠标移到元素上方或移到下一个元素时，会出现问题。原始的ul不会隐藏。这听起来可能令人困惑，但是你会看到如果你看看上面的例子。

Answer 1

你不需要检查，如果你想隐藏元素存在或不是，你可以去隐藏它，只要你想。我已将$(".sub_menu").hide(700);添加到每个鼠标悬停功能并且它可以正常工作！请参阅http://jsbin.com/useviz/6/

Answer 2

这样的事情，

现场演示here

$(document).ready(function() { 

    $("#servicebutton").mouseenter(function() { 
     $('.sub_menu').hide(); 
     $('.sub_menu1').show(700); 
    }); 

    $('.sub-menu1').mouseleave(function() { 
     $('.sub_menu1').hide(700); 
    }); 

    $("#packagebutton").mouseenter(function() { 
     $('.sub_menu').hide(); 
     $('.sub_menu2').show(700); 
    }); 

    $('.sub-menu2').mouseleave(function() { 
     $('.sub_menu2').hide(700); 
    }); 

    $("#productbutton").mouseenter(function() { 
     $('.sub_menu').hide(); 
     $('.sub_menu3').show(700); 
    }); 

    $('.sub-menu2').mouseleave(function() { 
     $('.sub_menu3').hide(700); 
    }); 

    /* catch-all for submenus */ 
    $('.sub_menu').mouseleave(function(){ 
     $(this).hide(700); 
    }); 
});