햄버거 메뉴나 레이어팝업 활성화 후 그 외 영역을 클릭했을 때 팝업 닫힘

$(document).click(function(e){ if(!$(e.target).hasClass('layerPop')){
	$('.gnb').stop().slideUp(300).removeClass('layerPop'); //서브 메뉴닫힘
});

 

docement를 클릭했을때

타겟에 layerPop클래스를 갖고 있지않으면 서브메뉴가 닫힘

 

단점 : document 어디를 클릭해도 이벤트가 발생하고 메뉴가 안닫히게 하려면 gnb클릭요소에 전부 layerPop클래스를 넣어줘야함

 

자바스크립트 셀렉터에 대해 공부하면 더 좋은 스크립트를 쓸 수 있을거 같음