jquery로 작업하였습니다
버튼에는 class="c_layer_menu_btn" 선언해주고
메뉴에는 class="c_layer_menu" 선언해줘야 합니다.
<input type="button" value="button" class="c_layer_menu_btn" onclick="$('#menu1').show()">
<div id="menu1" class="c_layer_menu" style="display:none;">menu1</div>
<script type="text/javascript">
//배경클릭시 메뉴가 사라지는 함수
$(document).on("click", function(e) {
if (!$(e.target).closest(".c_layer_menu, .c_layer_menu_btn").length) {
$(".c_layer_menu").hide();
}
});
</script>
커뮤니티
건강/의학
문화/엔터
영상/사진
쇼핑/생활
경제/금융
IT/과학
스포츠
여행
음식/요리/맛집
유아/아동
교육/학습
어플/프로그램
유튜브
카페
블로그
자료/파일/문서공유
기타