jquery 루프를 방지합니다.

Question

마우스를 놓을 때 지연이 필요한 마우스를 아래쪽으로 가져가는 슬라이드가 있습니다. 내가 지금 가지고있는 것처럼 트리거를 가져 가면 다중 루프가 생기므로 패널이 &까지 미쳐 버립니다.

$(document).ready(function(){ 
(function(){ 
    var trigger = $('li.HotelPaneltrigger'); 
    var panel = trigger.find('.panel').hide(); 
    trigger.mouseenter(function(){panel.slideDown('slow');}).mouseleave(function(){panel.slideUp('slow');}); 
})(); 
}); 

내가 성공하지 않고이 시도 : $ (이) .mouseleave (함수() {
$ (이) .delay ('500') panel.slideUp ('느린 여기 코드입니다 ');

Answer 1

내가 바로 당신을 얻을 경우 정확히 모르겠지만, 내가 당신을 위해 그것을 할 것입니다 .stop()를 호출 생각

panel.stop(true, true).slideDown('slow'); 

및

,369.

panel.stop(true, true).delay(500).slideUp('slow'); 

참조 : .stop()

Answer 2

추가하기 .stop(true,true) 당신의 slideDown 및 slideUp 이벤트 내 머리 위로 떨어져, 당신의 문제를 해결해야하기 전에.