블로그 관리 메뉴를 클릭하면, 하위 메뉴를 선택할 수 있는 레이어가 나타나고
또 한 번 클릭하면 레이어가 사라짐
//먼저 레이어를 보였다, 숨겼다 하도록 스타일 생성
<style>
.show {display:block} /*보여주기*/
.hide {display:none} /*숨기기*/
</style>
//클릭할 버튼과 레이어에 아이디나 클래스 추가
<div id="layer"></div>
<div id="btn"></div>
//toggle 이벤트로 기능 부여
$(document).ready(function(){
btn = $('#btn'); //버튼 아이디 변수 선언
layer = $('#layer'); //레이어 아이디 변수 선언
btn.click(function(){
layer.toggle(
function(){layer.addClass('show')}, //클릭하면 show클래스 적용되서 보이기
function(){layer.addClass('hide')} //한 번 더 클릭하면 hide클래스가 숨기기
);
});
});