toggle을 사용해서 특정 영역 숨기기, 보이기는 간단하다.
div 영역을 id로 지정하고, 스크립트에서 이벤트 발생할때 toggle 해주면 알아서 영역을 숨겼다 보였다 해준다.
사용법>
<script>
...
$("#div_id").bind("click",function(){
$("#div_id").toggle();
});
...
</script>
<body>
...
<div id="div_id">
<button>A</button
<button>B</button
<button>C</button
</div>
</body>
출처>
제이쿼리 API 문서
https://api.jquery.com/toggle/
728x90