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