Sliding Panel 용 jQuery HoverIntent 플러그인하기

Question

"#top_mailing"div가 숨겨져있을 때 숨겨진 div "#top_mailing_hidden"을 드러내는 드롭 다운 아코디언을 생성하기 위해 다음 코드를 실행했습니다. 문제는 내가 마우스를 mousing하여 애니메이션을 중단 한 다음 다시 mousing하면 애니메이션과 나사를 중단합니다.)

//Top Mailing List Drop down animation 
$(document).ready(function() { 

$('#top_mailing') 
.bind("mouseenter",function() { 
    $("#top_mailing_hidden").stop().slideDown('slow'); 
}) 
.bind("mouseleave",function() { 
    $("#top_mailing_hidden").stop().slideUp('slow'); 
}); 

};

나는 다음과 같은 코드가 있습니다

$("#demo2 li").hoverIntent(makeTall, makeShort) 

은 내가지고있어 행동에 가장 적합한 솔루션을 사용하는 것입니다 생각 :

는

브라이언 Cherne의 플러그인 ('makeTall'와 'makeShort이'정의되는 함수를 다음과 같이 hoverIntent 함수를 호출 말한다 Brian Cherne의 "HoverIntent"jQuery 플러그인 문제는 위의 코드를 삽입하여 HoverIntent 플러그인을 호출하는 방법을 모른다는 것입니다. .hover가 아닌 .hoverIntent를 호출하지만 내 코드는 .bind를 사용합니다. ("mouseEnter"... 누군가 도와주세요!

Answer 1

hoverIntent와 함께 익명 함수를 사용할 수 있습니다 :

$('#top_mailing').hoverIntent(function() { 
    $("#top_mailing_hidden").stop().slideDown('slow'); 
}, 
function() { 
    $("#top_mailing_hidden").stop().slideUp('slow'); 
});