Jquery悬停显示

我尝试使用一个简单的按钮，当鼠标悬停在上面时，它会显示我的div。我的第一次尝试是这样的：

$('.headerUserPreferences a').hover(function() {
    $('.headerUserPreferencesLinks').stop().toggle();
}, function() {
    $('.headerUserPreferencesLinks').mouseOut(function() {
        $(this).hide();
    });
});

---

但这里的问题是，您必须再次将鼠标悬停在按钮上方，以使div隐藏。如果您将鼠标悬停在按钮或div上，div将显示，当您离开div或按钮时，div将不再显示，我该如何操作。

我更喜欢使用

mouseenter

和

mouseleave

$('.headerUserPreferences a').mouseover(function() {
    $('.headerUserPreferencesLinks').stop().toggle();
}, function() {
    $('.headerUserPreferencesLinks').mouseout(function() {
        $(this).hide();
    });
});

$("div.enterleave").mouseenter(function(){
     // code div display
    }).mouseleave(function(){
     // code div hide
    });

希望这个例子能有所帮助

---

有关更多信息，请参见：$（'.headerUserPreferences a'）.hover（函数（）{$（'.headerUserPreferencesLinks'）.show（）；}，函数（）{$（'.headerUserPreferencesLinks'）.hide（）；}）；投票给@TJ-悬停函数可能有2个参数。第一个是鼠标入事件处理程序，第二个是鼠标出事件处理程序。因此，不再需要

mouseOut

函数了。我尝试了代码，但当我将鼠标悬停在HeaderUserPreferencesLink上时，它消失了。我需要它一直呆在这里，只要他们是在“人头优先权”上下榻或是“人头优先权”上下榻。JSFIDLE上的示例：。此示例仅用于将鼠标悬停在headerUserPreferences上。你能显示你的html吗？这很有效，但当我将鼠标悬停在HeaderUserPreferencesLink上时，它就消失了。如果我将鼠标悬停在按钮或标题上方，我需要留下来

$('.headerUserPreferences a').hover(function() { 
    $('.headerUserPreferencesLinks').toggle(); 
});

$('.headerUserPreferencesLinks').mouseout(function() { 
        $(this).hide(); 
}); 

$('.headerUserPreferencesLinks').mouseover(function() { 
        $(this).show(); 
});