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
반응형
'JQuery' 카테고리의 다른 글
[JQuery] JSON 정렬 사이트, 코드 정렬 사이트 (0) | 2021.09.08 |
---|---|
[JQuery] .closest(), .parents() 메소드 속성 차이 (0) | 2021.09.03 |
[JQuery] form action 값 변경 (1) | 2021.08.03 |
[JQuery] input text 엔터키 이벤트 (2) | 2021.07.19 |
[JQuery] select 선택된 option 값 가져오기 (1) | 2021.07.15 |