Latest web development tutorials

jQueryのslideToggle()メソッド

jQueryの効果方法 jQueryの効果方法

切り替えは間のすべての<P>要素にslideUp()とslideDown()を実施しました:

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

»をお試しください

定義と使用法

選択された要素にslideToggle()メソッドslideUp()slideDown()との間で切り替えます。

この方法は、目に見える選択された要素をチェックします。 要素が表示されている場合、要素が隠れている場合は、slideDown()を実行し、その後、slideUp()を実行する - これは、ハンドオーバの効果が発生します。

文法

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

参数 描述
speed 可选。规定滑动效果的速度。

可能的值:

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

可能的值:

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

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



例

より多くの例

slideToggle() -速度パラメータを使用します
スライド効果の速度を指定する速度パラメータを使用する方法。

slideToggle() -コールバックパラメータを使用
slideUp()とslideDown()スイッチ間のコールバックパラメータを使用する方法。


jQueryの効果方法 jQueryの効果方法