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> Such interesting text, eh?
http://jsfiddle.net/Hmmim/4jLzge0g/1/
간단하게 테스트 할 수 있다.
변화하는 display 속성을 보도록 하자.
'jQuery' 카테고리의 다른 글
| jQuery.fn.extend() (242) | 2015.05.14 |
|---|
댓글