jQuery 효과 - toggle() 메서드

jQuery 효과 참조 매뉴얼

예제

<p> 요소의 보이기/숨기기 상태를 전환합니다：

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

직접 테스트해 보세요

정의와 사용법

toggle() 메서드는 요소의 보이기/숨기기 상태를 전환합니다。

선택된 요소가 보이면 이 요소를 숨기고, 선택된 요소가 숨겨져 있으면 표시합니다。

문법

$(선택자).toggle(speed,callback,switch)
매개변수 설명
speed

선택 사항입니다. 요소가 보이기에서 숨기기로 변하는 속도(또는 반대)를 지정합니다. 기본值为 "0".

가능한 값:

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

속도를 설정한 경우, 요소가 보이기에서 숨기기로 변하는 과정에서 높이, 너비, 마진, 내마진, 투명도가 점진적으로 변경됩니다。

이 매개변수를 설정하면 switch 매개변수를 사용할 수 없습니다。
callback

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

callback에 대한 더 많은 정보를 알고 싶다면 우리의 jQuery Callback 장을 방문하세요。

speed 매개변수가 설정되지 않았다면 이 매개변수를 설정할 수 없습니다。
switch

선택 사항입니다. 보이기/숨기기 토글이 모든 선택된 요소를 숨기거나 표시할지 지정하는 부울 값입니다。

  • True - 모든 요소를 표시합니다
  • False - 모든 요소를 숨깁니다

이 매개변수를 설정하면 speed와 callback 매개변수를 사용할 수 없습니다。

팁과 주의사항

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

더 많은 예제

speed 매개변수를 사용합니다
speed 매개변수를 사용하여 요소를 숨기고 표시합니다。
switch 매개변수를 사용합니다
switch 매개변수를 사용하여 모든 숨겨진 점을 표시합니다。

jQuery 효과 참조 매뉴얼