Javascript悬停和切换

Question

我的导航已隐藏，悬停显示但立即消失，我希望导航在悬停时显示，display: none鼠标移出元素

$(document).ready(function(){
    $("#nav-holder").hover(function () {
        $("nav").animate({height: 'toggle'});
    });
});

Answer 1

$(document).ready(function(){

$("#nav-holder").mouseover(function(argument) {

             $("nav").show();
})

$("#nav-holder").mouseout(function(argument) {

            $("nav").hide();
})

});

Answer 2

您应该使用mouseenter和mouseleave代替悬停：

$(function() {
  $("#nav-holder")
    .mouseenter(showNavigation)
    .mouseleave(hideNavigation)
})

function showNavigation() {
  $("nav").show("fast")
}
function hideNavigation() {
  $("nav").hide()
}