CSS의 드롭 다운 메뉴를 클릭

Question

나는 다음 자습서를 사용하고

후 폐쇄하지 : http://www.script-tutorials.com/css3-metal-menu-with-icons/

문제는 내가 하위 메뉴에있는 모든 요소를 ​​클릭하면 하위 메뉴 가까이하지 않습니다. 내 응용 프로그램은 jQuery UI 탭을 사용하여 콘텐츠가있는 탭을 하나의 부분보기 (mvc4)로 동적으로 추가하므로 응용 프로그램 페이지가 다시로드되지 않습니다. 항목을 클릭 할 때 하위 메뉴를 숨기려면 어떻게해야합니까? 이 동적 일 수 있다면 $(e.target).parent().parent().hide(), etc

: 당신이 jQuery를 사용하고 있기 때문에

Answer 1

, 난 당신이 정확한 깊이를 알고있는 경우 (e 이벤트입니다) 클릭 이벤트 처리기를 사용하여 부모를 통과 같은 것을 할 것 조금 덜 효율적으로 수행 할 수 있지만 한 번에 수행 할 수 있습니다. $(e.target).parents('.thedropdownmenuclass').hide()

Answer 2

하위 메뉴는 모두 subs에 명명 된 클래스가있는 div에 있습니다. JQuery로 숨길 수 있습니다.

$('html').click(function() { 
    $(".subs").hide(); 
}); 

모든 클릭은 어디서나 지금