효과 및 애니메이션 메소드

요소를 숨기거나 노출시킬때 다양한 효과를 제공하는 메소드를 살펴봅니다.

효과 메소드

숨김효과

• hide() : 요소를 숨깁니다.
• fadeOut() : 요소가 점점 투명해지면서 사라집니다.
• slideUp() : 요소가 위로 접히면서 숨겨집니다.

노출효과

• show() : 숨겨진 요소를 노출합니다.
• fadeIn() : 숨겨진 요소가 점점 선명해집니다.
• slideDown() : 숨겨진 요소가 아래로 펼쳐집니다.

노출, 숨김 효과

• toggle() : hide, show 효과를 적용합니다.
• fadeToggle() : fadeIn, fadeOut 효과를 적용합니다.
• slideToggle() : slideUp, slideDown 효과를 적용합니다.
• fadeTo() : 지정한 투명도를 적용합니다.

효과 메소드의 기본 사용법

$("선택자").효과메소드(효과소요시간, 가속도, 콜백함수);