퍼블리싱
[JS 활용]버튼을 누르면 보이기/감추기. 토글 함수를 사용
lionbum
2020. 12. 13. 12:17

버튼을 누르면 보였다가 안보였다 하는 효과가 필요할 때가 있다.
이벤트나 그외 적용이 가능한 효과!
제이쿼리 토글 소스를 활용하여 간단하게 해결
HTML
<button id="button">토글버튼</button>
<div id="divToggle" style="display: none;">다시버튼 누르면 안보임</div>
제이쿼리 - 토글
$(function (){
$("#btn_toggle").click(function (){
$("#Toggle").toggle();
});
});
결과
*Result 를 눌러주세요
728x90
반응형