본문 바로가기
jQuery

jquery.toggle()

by Jundol 2015. 6. 12.



jquery.toogle()

해당하는 요소를 감추거나 나타낼때 사용한다.

문법 사용법

.toggle([소요시간][콜백함수])

소요시간 (기본 : 400밀리세컨드)

타입 : 숫자 혹은 문자열

숫자 혹은 문자열은 얼만큼의 시간동안 효과를 나타낼건지 의미합니다.


.toggle(display)

display

타입 : 논리형

true 사용시 나타내고 false 사용시 diplay 에 none 속성이 들어간다.


jquery 의 편한 요소 라고 생각된다.

예를들어 여러개의 버튼을 클래스로 묶고 하나의 버튼만 display 를 block 상태로 둔 후 클래스를 셀렉트 해 놓은 후 버튼의 event 에 toggle() 만 둔다면 하나의 버튼만 선택 하면 열릴 수 있도록 할 수 있다.


  
  <span style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><span style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">toggle demo</span></span>
  
  


 

Hiya

Such interesting text, eh?


http://jsfiddle.net/Hmmim/4jLzge0g/1/

간단하게 테스트 할 수 있다.

변화하는 display 속성을 보도록 하자.

'jQuery' 카테고리의 다른 글

jQuery.fn.extend()  (242) 2015.05.14

댓글