Latest web development tutorials

jQuery를 토글 () 메소드

jQuery를 효과 방법 jQuery를 효과 방법

숨어있는 모든 <p> 요소에 표시를 전환 :

$("button").click(function(){
$("p").toggle();
});

»시도

정의 및 사용

선택된 요소에 토글 () 메서드 숨기기 ()쇼 () 사이를 전환합니다.

이 방법은 선택된 요소가 가시적 검사한다. 요소가 숨겨져있는 경우 요소가 표시되면, 다음 숨기기 ()를 실행, 쇼를 ()를 실행 -이 핸드 오버의 효과가 발생합니다.

주 : 숨겨진 요소 완전히 표시되지 않는다 (더 이상 페이지의 레이아웃에 영향 없음).

팁 :이 방법은 사용자 정의 함수 사이를 전환 할 수 있습니다.


문법

$(selector).toggle(speed,easing,callback)

参数 描述
speed 可选。规定隐藏/显示效果的速度。

可能的值:

  • 毫秒
  • "slow"
  • "fast"
easing 可选。规定在动画的不同点上元素的速度。默认值为 "swing"。

可能的值:

  • "swing" - 在开头/结尾移动慢,在中间移动快
  • "linear" - 匀速移动
提示:扩展插件中提供更多可用的 easing 函数。
callback 可选。toggle() 方法执行完之后,要执行的函数。

如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。



예

더 많은 예제

토글 () - 사용 속도 파라미터
숨기기를 지정하는 속도 매개 변수를 사용하는 방법 / 효과의 속도를 보여줍니다.

토글 () - 콜백 파라미터의 사용
숨기기 / 표시는 효과 사이를 전환 할 때, 어떻게 콜백 매개 변수를 사용합니다.


jQuery를 효과 방법 jQuery를 효과 방법