jQuery 효과 SlideToggle() 메서드(숨기기와 표시 간 전환)_jquery

예
슬라이딩 효과를 사용하여

요소 표시 및 숨기기 간 전환:

코드 복사 코드는 다음과 같습니다. :

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

정의 및 사용법
slideToggle() 메소드는 슬라이딩 효과(높이 변경)를 사용하여 요소의 표시 상태를 전환합니다.
선택한 요소가 표시되면 숨기고, 선택한 요소가 숨겨져 있으면 표시합니다.

구문
$(selector).slideToggle(speed,callback) 매개변수 설명
speed 선택사항. 요소가 숨겨진 상태에서 표시되는 상태로(또는 그 반대로) 얼마나 빨리 이동하는지 지정합니다. 기본값은 "보통"입니다.

가능한 값:

밀리초(예: 1500)
"slow"
"normal"
"fast"
속도를 설정하는 경우 요소 전환 과정에서 높이가 점차적으로 변경됩니다(이로 인해 슬라이딩 효과가 생성됩니다).

콜백은 선택 사항입니다. 토글 기능이 실행된 후 실행될 기능입니다.

콜백에 대해 자세히 알아보려면 jQuery 콜백 장을 방문하세요.

이 매개변수는 속도 매개변수를 설정하지 않으면 설정할 수 없습니다.


팁 및 참고 사항
팁: 요소가 이미 숨겨져 있는 경우 콜백 함수를 지정하지 않는 한 효과는 아무런 변화도 일으키지 않습니다.