jQuery 기본 튜토리얼

jQuery 효과

slideToggle() 메서드는slideUp()및slideDown()메서드 간 전환.

이 메서드는 선택된 요소의可见성을 확인합니다:

주의:숨겨진 요소는 더 이상 페이지 레이아웃에 영향을 미치지 않습니다.

$(selector).slideToggle(duration, easing, callback)

버튼을 클릭할 때, 모든 <p> 요소의 상승 및 하강 사이에서 전환합니다:

예제

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

사용duration파라미터:

예제

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

사용콜백파라미터:

예제

$("button").click(function() {
　　$("div").slideToggle();1500, function() {
　　　　alert("스ライ딩切换 효과가 완료되었습니다!!!");
　　});
});

모든 “ .panel”을切换하려면 느린 지속 시간과 선형缓动을 사용합니다：

예제

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

매개변수	설명
duration	（선택 사항）스ライ딩 효과가 얼마나 지속될지 결정하는 값. 기본 값은400밀리초 가능한 값: 밀리초（예100、500、2000 등) “fast” “slow”
easing	（선택 사항）어느 시점에서 요소의 속도를 지정하는 문자열. 기본 값은 “swing”입니다. 가능한 값: “swing”-시작할 때/끝나는 순간 이동이 느리게, 중간에 이동이 빠르게 “linear”-고정된 속도로 이동
콜백	（선택 사항）slideToggle() 메서드가 완료되면 이 함수가 호출됩니다. 각 선택된 요소에 대해 한 번씩 호출됩니다.