내 jQuery 탐색 메뉴가 너무 빨리 움직입니다.

Question

탐색 메뉴가 있습니다. Child ul 부모의 뚜껑을 마우스로 가리키면 아래로 내려갑니다. 또한 마우스가 끝나면 위로 움직입니다. 그러나, 나는 그것의 위로 미끄러지기 전에 1 초에 의해 연기하기 위하여 나의 첫번째와 제 2 서브 메뉴를 얻는 것을 시도하고있다. 마우스가 떠난 후 1 초 동안 아이 우울을 열어두기를 원합니다. 그러나, 그것은 여전히 ​​미끄러지고있다. 내 코드에 무엇이 없습니까?

여기 내 코드에 대한 링크입니다. 당신은 호버()에 대한 'handlerOut'기능을 제공하지했습니다 그래서 모두 가져가-에 대한 동일한 기능을 사용하여 가져 아웃 https://jsfiddle.net/naeemrind/ptbzwrzu/

$(document).ready(function(){ 
$("#menu ul li").hover(function(){ 
      $(this).find(".one").stop().slideToggle(400) 
     }); 
    }); 

    $(document).ready(function(){ 
     $("#menu ul ul li").hover(function(){ 
      $(this).find(".two").stop().slideToggle(400) 
     }); 
    }); 

Answer 1

. **이 ** : 나는 자바 스크립트 및 JQuery와 새로운 오전 감사

$("#menu ul li").hover(
    function() { 
     $(this).find(".one").stop().slideDown(400) 
    }, 
    function() { 
     $(this).find(".one").delay(1000).slideUp(400) 
    }); 
});