jQuery 1.4.2 hover method : 마우스 오버 및 마우스 아웃 문제

Question

마우스가 H1 태그 위에있는 후 포스트의 단락을 표시하는 데 다음 코드가 있지만 마우스가 통과하면 단락 표시를 방지하고 싶습니다. H1 태그 (한 페이지에 여러 개가 있음)를 통해 람직하게, 사용자는 포스트 단락을 표시하기 위해 H1 태그 위에 약간의 시간을 머물러야합니다. 반면에 사용자가 H1을 굴려서 P 태그 위로 이동하면 단락이 전환되지 않습니다.

이것은 내가 지금까지 쓴 jQuery 코드입니다 : 사람이 해결책을 알고

$("div#postContainer p").hide(); //By default, we hide the post paragraph 
    $("div#postContainer h1").hover(function() { 
     $(this).removeClass("less").addClass("more"); 
     $(this).next("p").animate({opacity:"show",height:"toggle"}, "slow"); 
    }, function() { 
     $("div#postContainer h1 span").removeClass("more").addClass("less"); 
     $(this).next("p").animate({opacity:"hide",height:"toggle"}, "normal"); 
    }); 

경우에, 나는 그것을 매우 감사드립니다.

Answer 1

window.setTimeout() (window.clearTimeout())은 필요한 것입니다.

var myInterval; 

$("...").hover(function() { 
    myInterval = window.setTimeout(function() { 
     // display 
    }, 500); 
}, function() { 
    window.clearInterval(myInterval); 
    // hide if visible 
}); 

또한,하지 div#postContainer h1에, div#postContainer에 .hover를 연결합니다. 마우스를 p 위로 이동하면 소식이 사라지지 않습니다.