JQuery

[JQuery] .toggle() 요소 숨기기/보여주기

chsr 2021. 8. 30. 17:09
728x90
반응형

 JQuery .toggle() 요소 숨기기/보여주기


특정 선택 요소를 숨기거나 보여주기 위한 함수

■ 문법

$("#targetDiv").toggle();
$("#targetDiv").toggle("시간");
$("#targetDiv").toggle("시간", 함수);

 사용법

* 버튼 클릭 시 targetDiv라는 id를 가진 <div>영역이 숨겨졌다 보여졌다를 반복함

<div id="targetDiv">
</div>
<button type="button" onclick="clkBtn()">클릭</button>

<script type="text/javascript">
  function clkBtn(){
	  $("#targetDiv").toggle();
  }
</script>
728x90
반응형