jQuery自定义动画animate（二）

toggle(speed,[callback]);
slideToggle(speed,[easing],[callback]);

fadeTo(speed,opacity,[callback]);
fadeToggle(speed,[easing],[callback]);

①toggle()：
toggle方法可以切换元素的可见状态，如果元素当前是可见的，则切换为隐藏的，如果是隐藏的，则切换为可见的；

②slideToggle():
此方法通过高度变化来切换匹配元素的可见性；效果和toggle相同，不过这个动画是调整元素的高度来显示和隐藏元素的，相当于slideDown和slideUp；

③fadeTo()：
此方法把元素的不透明度以渐进的方式调整到指定的值，值调整不透明度，元素的高度和宽度不变！

④fadeToggle()：
通过不透明度变化来切换匹配元素的可见性，值调整不透明度，相当于fadeOut和fadeIn；

特别注意animate()方法，可以使用它来代替其他所有的动画方法

1：用animate()方法代替show()方法
$("p").show(400)

$("p").animate({height:"show",width:"show",opacity:"show"},400)

2：用animate()方法代替fadeIn()方法
$("p").fadeIn(400)

$("p").animate({opacity:"show"},400)
3：用animate()方法代替slideDown()方法
$("p").slideDown(400)

$("p").animate({height:"show"},400)

4：用animate()方法代替fadeTo()方法
$("p").fadeTo(400,0.6)

$("p").animate({opacity:"0.6"},400)

转自博客：https://www.cnblogs.com/xuquantong/archive/2012/10/09/2717436.html