활성 메뉴 항목의 드롭 다운 숨기기

Question

finance.yahoo.com의 메뉴와 같은 기능을 수행하려고합니다. 활성 메뉴 항목에서 드롭 다운을 중지합니다. 이미 addclass()을 추가하여 jQuery를 적용하여 .active 클래스를 추가했지만 현재는 활성 클래스에서 내 드롭 다운을 중단하고 싶습니다. div이 a 직접 부모가 아니므로이 코드를 시도

하지만이

$('#menu > ul > li > a.active').parent('div').hide(); 

Answer 1

사용 closest() 대신 parent() 작동합니다. 가장 가까운 요소 자체를 테스트하고 DOM 트리

$('#menu > ul > li > a.active').closest('div').hide(); 

Answer 2

바인딩에 .mouseleave() 이벤트 떨어지게에 그 조상 통해 통과하여 선택과 일치하는 첫 번째 요소를 볼 것이다.

$('.main_menu_container').mouseleave(function() { 
    $(this).children('.submenu').hide(); 
});