最新的Web开发教程
 

jQuery toggle() Method

<jQuery的影响的方法

隐藏和显示所有之间进行切换<p>元素:

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

定义和用法

toggle()方法之间切换hide()show()所选元素。

此方法检查能见度所选元素。 show()如果一个元素是隐藏的运行。 hide()如果一个元素是可见的运行-这将创建一个切换效果。

注 :隐藏元素将不会在所有显示(不再影响页面的布局)。

提示:此方法也可以用来定制功能之间切换。


句法

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

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

可能的值:

  • 毫秒
  • "slow"
  • "fast"
easing 可选的。 指定动画的不同点处的元件的速度。 默认值是"swing"

可能的值:

  • "swing" -移动在开始/结束慢,但在中间速度
  • "linear" -在一个恒定的速度移动
提示:更多的宽松政策功能在外部插件可用
callback 可选的。 后要执行的功能toggle()方法完成

要了解更多有关回调,请访问我们的jQuery回调章


试一试 - 示例

toggle() -使用速度参数
如何使用速度参数指定隐藏/显示效果的速度。

toggle() -使用callback参数
如何隐藏/显示效果之间切换时所使用的回调参数。


<jQuery的影响的方法