최신 웹 개발 튜토리얼
 

jQuery slideToggle() Method

<jQuery를 효과 방법

간 전환 slideUp()slideDown() 모든 <p> 요소 :

$("button").click(function(){
    $("p").slideToggle();
});
»그것을 자신을 시도

정의 및 사용

slideToggle() 메소드 사이를 전환 slideUp()slideDown() 선택된 요소.

이 방법은 가시성 선택된 요소를 확인합니다. slideDown() 요소가 숨겨져있는 경우 실행됩니다. slideUp() 요소가 표시되면 실행 -이 토글 효과를 만듭니다.


통사론

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

매개 변수 기술
speed 선택 과목. 슬라이드 효과의 속도를 지정한다. 기본값은 400 밀리 초입니다

가능한 값 :

  • (밀리 초)
  • "slow"
  • "fast"
easing 선택 과목. 애니메이션의 다른 지점에서의 요소 속도를 지정한다. 기본값은 "swing"

가능한 값 :

  • "swing" - 빠른 중간에 시작 / 끝에서 느리게 이동하지만,
  • "linear" - 일정한 속도로 이동
팁 : 더 완화 기능을 외부 플러그인에서 사용할 수 있습니다
callback 선택 과목. 함수는 이후 실행되는 slideToggle() 메소드가 완료

콜백에 대한 자세한 내용은, 우리의 방문 jQuery를 콜백 장을


그것을 자신을 시도 - 예를

slideToggle() - 속도 파라미터를 사용하여
어떻게 슬라이드 효과의 속도를 지정 속도 매개 변수를 사용한다.

slideToggle() - 콜백 매개 변수를 사용
간을 전환 할 때 어떻게 콜백 매개 변수를 사용하는 slideUp()slideDown() .


<jQuery를 효과 방법