jQuery fadeToggle() 方法
实例
在淡入和淡出不同框之间切换:
<!DOCTYPE html><html><head><script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><script>$(document).ready(function(){$("button").click(function(){$("#div1").fadeToggle();$("#div2").fadeToggle("slow");$("#div3").fadeToggle(3000);});});</script></head><body><p>用不同的速度参数演示 fadeToggle()</p><button>单击以淡入/淡出框</button><br><br><div id="div1" style="width:80px;height:80px;background-color:red;"></div><br><div id="div2" style="width:80px;height:80px;background-color:green;"></div><br><div id="div3" style="width:80px;height:80px;background-color:blue;"></div></body></html>
定义与用法
fadeToggle() 方法在 fadeIn() 与 fadeOut() 方法之间切换。
如果元素在淡出, fadeToggle() 将执行淡入。
如果元素在淡入, fadeToggle() 将执行淡出。
注意：隐藏的元素将完全不显示（不再影响页面的布局）。
语法
$(selector).fadeToggle(speed,easing,callback)
| 参数 | 描述 |
|---|---|
| speed | 可选。指定动画的速度。默认值为 400 毫秒 值可以为:
|
| easing | 可选。可选。 指定元素在动画不同点的速度。默认值是 "swing"。值可以为:
|
| callback | 可选. 动画完成后要执行的函数。要了解有关回调的更多信息，请阅读本站的 jQuery 回调函数 章节 |