본문 바로가기
퍼블리싱

[JS 활용]버튼을 누르면 보이기/감추기. 토글 함수를 사용

by lionbum 2020. 12. 13.

버튼을 누르면 보였다가 안보였다 하는 효과가 필요할 때가 있다. 
이벤트나 그외 적용이 가능한 효과! 
 
제이쿼리 토글 소스를 활용하여 간단하게 해결 
 
 

 

HTML

<button id="button">토글버튼</button>
<div id="divToggle" style="display: none;">다시버튼 누르면 안보임</div>

 
 

제이쿼리 - 토글  

$(function (){
	$("#btn_toggle").click(function (){
  	$("#Toggle").toggle();
  });
});

 

결과

*Result 를 눌러주세요  

728x90
반응형

댓글