[javascript/jquery] jquery slide effect example / jquery 슬라이드 효과 처리방법

[javascript/jquery] jquery slide effect example / jquery 슬라이드 효과 처리방법

 

 

jquery 에서

 

특정 요소에 추가되는

 

이펙트들 중에서

 

위로 올라가면서 사라지게 한다거나,

아래로 내려오면서 사라지게 하는 경우가 있습니다.

 

그럴때는

 

slideUp 과 slideDown 을 사용하시면 됩니다.

 

 

test_div 라는 태그가 아래와 같이 있다고 가정하고,

<div id=“test_div”>test</div>

 

특정 이벤트 발생시

 

위로 올라가면서 사라지게 하고싶으면 아래와 같이 slideUp을

 

 $("#test_div").slideUp();

 

아래로 내려오면서 사라지게 하고싶으면 아래와 같이 slideDown 을

 

사용하시면 됩니다!

 $("#test_div").slideDown();

 

참고들 하세요!