jQuery fadeToggle() 方法
jQuery fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换
语法
$( selector ).fadeToggle( speed,easing,callback )
参数
| 参数 | 描述 |
|---|---|
| speed | 可选。规定褪色效果的速度。可能的值：毫秒、"slow"、"fast" |
| easing | 可选。规定在动画的不同点上元素的速度 默认值为 "swing" 可能的值： "swing" - 在开头/结尾移动慢，在中间移动快 "linear" - 匀速移动 提示：扩展插件中提供更多可用的 easing 函数 |
| callback | 可选。fadeToggle() 方法执行完之后，要执行的函数 |
说明
如果元素是淡出显示的，fadeToggle() 会使用淡入效果显示它们
如果元素是淡入显示的，fadeToggle() 会使用淡出效果显示它们
隐藏的元素不会被完全显示（不再影响页面的布局）
如果先要学习更多有关 callback 的内容，可以访问我们的 jQuery Callback
范例
下面的范例演示了不同盒子淡入和淡出的切换
$("button").click(function(){ $("#div1").fadeToggle(); });
更多范例
-
如何使用 speed 参数来规定褪色效果的速度
-
如何使用 callback 参数在 fadeToggle() 方法完成后执行函数