> 웹 프론트엔드 > JS 튜토리얼 > jQuery 효과 SlideToggle() 메서드(숨기기와 표시 간 전환)_jquery

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

WBOY
풀어 주다: 2016-05-16 18:05:26
원래의
1111명이 탐색했습니다.


슬라이딩 효과를 사용하여

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

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

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

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

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

가능한 값:

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

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

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

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


팁 및 참고 사항
팁: 요소가 이미 숨겨져 있는 경우 콜백 함수를 지정하지 않는 한 효과는 아무런 변화도 일으키지 않습니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿