여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. jQuery - Effects - Slide
jQuery – Effects – Slide
7개월전 작성
7개월전 수정

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();
});
기본 예시
예제 보기
참고

Mingg`s Diary
밍구
공부 목적 블로그