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() 
}