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の効果方法