메뉴 드롭 다운 막대에 2 초 지연 적용

Question

부모 항목을 가리키면 마젠타 색 드롭 다운 하위 메뉴 항목에서 2 초 지연을 얻으려고합니다. 그러나 나는 몇 가지 문제를 파악한다.

여기에는 첫 번째 메뉴 항목 인 jQuery가 있습니다. 따라서 항목을 가리키면 2 초 후에 해당 하위 메뉴가 표시됩니다. 내 jQuery를은 다음과 같습니다

jQuery(".level0.nav-1").mouseover(function() { 
    setTimeout(function() { 
     jQuery(".level0.nav-1 .dropdown-container.left").show(); 
    }, 2000); 
}); 
jQuery(".level0.nav-1").mouseout(function() { 
    setTimeout(function() { 
     jQuery(".level0.nav-1 .dropdown-container.left").hide(); 
    }, 0); 
}); 

문제는 내가 행동을 마우스를 한 후에 하위 메뉴가 즉시 퀘스 ​​트 로그에서 사라질 없다는 것입니다. 내가 항목 위에 마우스를 올려 놓고 마우스를 뺄 경우에만.
누군가이 문제를 도와 줄 수 있습니까? 나는 나의 방법이 아닌 새로운 방법을 배우게되어 기쁘다. (실제로 그렇게 좋지는 않다.)

Answer 1

"흐림 효과"를 사용할 수 있습니까?

$(".level0.nav-1").blur(function() {}) 

http://api.jquery.com/blur/

Answer 2

당신은 단지 2 초 지연없이뿐만 아니라하지만, 2 레벨 계층에 동일한 "로 마우스를"이벤트를 추가 할 수 없습니다?

예를 들어

:.

jQuery(".level0.nav-1 .dropdown-container.left").mouseout(function() { 
    $(this).hide(); 
});