제이쿼리 Effect to 바닐라스크립트

제이쿼리에서는 화면전환, 슬라이드 다운과 업 효과 등
다양한 효과 메서드를 제공하며, 바닐라JS로 구현이 가능합니다.

show/hide 효과

선택 요소를 숨기거나 노출하고 싶을 경우에 사용합니다.
hide(시간)/show(시간) 시간은 fast, normal, slow 등으로 입력할 수 있으며, 1000분의 1초 단위의 숫자로 표기할 수도 있습니다.

toggle 효과

선택 요소가 숨겨져 있다면 보이게 하고,
보이고 있다면 숨기는 역할을 합니다.

slideDown/up 효과

slideUp은 선택 요소를 위로 미끄러지듯 말아 올리면서 숨깁니다.
반면, slideDown은 선택 요소를 아래로 미끄러지듯 말아 내리면서 노출시킵니다.

fadeIn/fadOut

fadeOut은 선택 요소를 천천히 사라지게 만듭니다.
fadeIn은 선택 요소를 천천히 나타나게 합니다.

fadeTo 효과

fadeTo는 선택 요소를 원하는 만큼만
보이거나 숨길 수 있습니다.