jQuery 효과 - slideDown() 메서드

jQuery 효과 참조 매뉴얼

예제

숨겨진 <p> 요소를 슬라이딩 방식으로 표시합니다：

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

직접 시험해 보세요

정의 및 사용법

slideDown() 메서드는 슬라이딩 효과를 사용하여 숨겨진 선택된 요소를 표시합니다.

문법

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

선택 사항. 요소가 숨겨져서 보이게 되는 속도(또는 반대)를 정의합니다. 기본值为 "normal".

가능한 값:

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

속도를 설정한 경우, 요소가 숨겨져서 보이게 되는 과정에서 점진적으로 높이를 변경합니다.
callback

선택 사항. slideDown 함수가 실행된 후에 실행되는 함수.

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

speed 파라미터가 설정되지 않으면 이 파라미터를 설정할 수 없습니다.

추천사항 및 주의사항

추천사항：요소가 이미 완전히 보이면, callback 함수가 지정되지 않으면 효과가 발생하지 않습니다.

주의사항：이 효과는 jQuery를 통해 숨겨진 요소나 CSS에서 display:none으로 선언된 요소에 적용됩니다. (visibility:hidden 요소에는 적용되지 않습니다).

더 많은 예제

speed 파라미터를 사용합니다
speed 파라미터를 사용하여 요소를 숨기고 표시합니다。

jQuery 효과 참조 매뉴얼