jQuery 효과 - slideToggle() 메서드

jQuery 효과 참조 매뉴얼

예제

스ライ딩 효과를 사용하여 <p> 요소의 보이는 상태와 숨겨진 상태 사이를 전환합니다：

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

직접 시험해 보세요

정의 및 사용법

slideToggle() 메서드는 슬라이딩 효과(높이 변경)를 사용하여 요소의 보이는 상태를 전환합니다.

선택된 요소가 보이는 상태라면 이 요소를 숨기고, 숨겨진 상태라면 보이게 합니다.

문법

$().slideToggle(speed,callback)
파라미터 설명
speed

선택 사항입니다. 요소가 숨겨져 있을 때 보이게 하거나 보이지 않게 하는 속도를 정의합니다. 기본值为 "normal".

가능한 값:

  • 밀리초 (예: 1500)
  • "slow"
  • "normal"
  • "fast"

속도를 설정한 경우, 요소가 전환하는 동안 점진적으로 높이를 변경하여 슬라이딩 효과를 만듭니다.
callback

선택 사항입니다. toggle 함수가 실행된 후에 실행되는 함수입니다.

callback에 대한 더 많은 내용을 배우려면, 우리의 jQuery Callback 이 절을 방문하세요.

speed 파라미터가 설정되지 않은 경우, 이 파라미터를 설정할 수 없습니다.

ヒント 및 주석

ヒント：요소가 이미 숨겨져 있으면, callback 함수가 지정되지 않는 한 이 효과는 어떤 변화도 발생하지 않습니다.

더 많은 예제

speed 파라미터를 사용합니다
speed 파라미터를 사용하여 상하 슬라이딩으로 요소를 숨기고 보이게 하고 싶습니다.

jQuery 효과 참조 매뉴얼