jQuery 기본 튜토리얼

jQuery 효과

slideDown() 메서드는 선택된 요소를 슬라이딩 방식으로 표시합니다。

주의：이 메서드는 jQuery 메서드로 숨긴 요소에 대해 적용되며, CSS에서 display:none(visibility:hidden이 아닙니다).

이 메서드는 일반적으로 다음과 같은 메서드와 함께 사용됩니다：slideUp()메서드를 함께 사용합니다。

$(selector).slideDown(duration, "linear", callback)

클릭할 때 "#my-Div"을 클릭할 때, 이 예제에서 페이지에 " .panel"를 표시합니다：

예제

$("#my-Div").click(function(){
　　$(".panel").slideDown();
});

버튼을 클릭할 때, 모든 <p> 요소를 내려서이합니다：

예제

$("button").click(function(){
　　$("p").slideDown();
});

사용duration파라미터：

예제

$("button").click(function(){
　　$("p").slideDown(1500);
});

사용콜백파라미터：

예제

$("button").click(function(){
　　$("div").slideDown(1500, function(){
　　　　alert("내려서이 완료!");
　　});
});

모든 " .panel"를 더뜨거운 지속 시간과 선형缓동으로 내려서이합니다：

예제

$("#my-Div").click(function(){
　　$(".panel").slideDown("slow", "linear");
});

모든 간격(이 예제에서는 단어)를 애니메이션화하여 빠르게 슬라이드,200밀리초 내에 각 애니메이션을 완료합니다：

예제

$("button").click(function(){
　　$("span:first-child").slideDown("fast",　function(){
　　　　$(this).next().slideDown("fast",　arguments.callee);
　　});
});

파라미터	설명
duration	（ 선택 사항 ） 슬라이딩 효과가 얼마나 지속될지 결정. 예약 값은400밀리초 가능한 값: 밀리초（ 예를 들어100、500、2000 등) “fast” “slow”
easing	（ 선택 사항 ） 애니메이션의 다른 시점에서 요소의 속도를 지정하는 문자열. 기본 값은 “swing” 가능한 값: “swing”-시작할 때/끝나면 더 느리게 이동하고 중간에 더 빠르게 이동 “linear”-일정한 속도로 이동
콜백	（ 선택 사항 ） slideDown() 메서드가 완료되면 호출되는 함수, 각 선택된 요소에 대해 한 번 호출됨