Slide
jQuery 의 Slide 메서드는 요소를 위아래로 슬라이드한다.
jQuery SlideDown()
jQuery slideDown() 메서드는 요소를 아래로 슬라이드하는 데 사용다.
형식
$(selector).slideDown(speed,callback);
매개변수
speed
:
효과의 지속 시간을 지정한다. “느림”, “빠름” 또는 밀리초 값을 사용할 수 있다. 선택 사항.
callback
:
슬라이딩이 완료된 후 실행되는 함수다. 선택 사항.
예제
기본 예시
예제 보기jQuery SlideUp()
jQuery slideUp()메서드는 요소를 위로 슬라이드하는 데 사용된다.
형식
$(selector).slideUp(speed,callback);
매개변수
speed
:
효과의 지속 시간을 지정한다. “느림”, “빠름” 또는 밀리초 값을 사용할 수 있다. 선택 사항.
callback
:
슬라이딩이 완료된 후 실행되는 함수다. 선택 사항.
예제
$("#flip").click(function(){
$("#panel").slideUp();
});
기본 예시
예제 보기jQuery SlideToggle()
jQuery slideToggle() 메서드는 slideDown() 및 slideUp() 메서드 사이를 전환한다.
요소가 아래로 슬라이드된 경우 slideToggle() 위로 슬라이드된다.
요소가 위로 슬라이드된 경우 slideToggle() 아래로 슬라이드된다.
형식
$(selector).slideToggle(speed,callback);
매개변수
speed
:
효과의 지속 시간을 지정한다. “느림”, “빠름” 또는 밀리초 값을 사용할 수 있다. 선택 사항.
callback
:
슬라이딩이 완료된 후 실행되는 함수다. 선택 사항.
예제
$("#flip").click(function(){
$("#panel").slideToggle();
});
기본 예시
예제 보기참고
W3C School - jQuery Effects - Sliding
jQuery 시작하기
공부 목적 블로그