[jQuery] 요소의 투명도 조절 - .fadeToggle()

 

jQuery의 .fadeToggle() 함수

jQuery의 .fadeToggle() 함수는 요소의 투명도를 조절하는 함수로써 보이는 요소는 보이지 않게, 보이지 않는 요소는 보이도록 하는 함수입니다. fadeToggle() 함수를 사용하여 투명도(opacity)를 조절하여 0으로 낮췄을때에 display 속성을 none 처리하여 페이지의 레이아웃 영향을 미치지 않도록 합니다.

옵션에 있는 duration을 조정하여 값에 따라서 속도를 조절하도록 가능합니다.(단위값은 밀리세컨드입니다.)

 

// fadeToggle() 함수 사용법
.fadeToggle( [duration], [easing], [callback] )


duration - 시간 값
easing   - 특수한 효과
callback - 콜백 함수

 

duration는 fast 또는 slow를 정하거나 1000분의 1초 단위의 숫자로 정할수도 있는데 fast는 200, slow는 600에 해당되며 기본 옵션 값은 400으로 지정되어 있습니다.