jQuery - 测试三组基本动画，记录函数执行过程

放大缩小

show() 放大

执行前： width和height有给定值；display：none；
开始执行：

1. display：block；
2. width和height从0增加至给定值。

hide() 缩小

执行前： width和height有给定值，display：block；
开始执行：

1. width和height从给定值减少至0；
2. display：none。

toggle()

执行前： width和height有给定值；
开始执行：

1. 判断当前display的属性值；
2. 根据判断结果执行show()或hide()。

垂直伸缩

slideDown() 拉高

执行前： width和height有给定值，display：none；
开始执行：

1. display：block；
2. height从0增加至给定值。

slideUp() 缩低

执行前： width和height有给定值，display：block；
开始执行：

1. height从给定值减少至0；
2. display:none；

slideToggle()

执行前： width和height有给定值；
开始执行：

1. 判断当前display的属性值；
2. 根据判断结果执行slideDown()或slideUp()。

淡入淡出

fadeIn() 淡入

执行前： width和height有给定值，opacity有给定值（或默认为1），display：none；
开始执行：

1. display：block；
2. opacity从0增加至给定值（或1）。

fadeOut() 淡出

执行前： width和height有给定值，opacity有给定值（或默认为1），display：block；
开始执行：

1. opacity从给定值（或1）减少至0；
2. display：none。

fadeToggle()

执行前： width和height有给定值，opacity有给定值（或默认为1）；
开始执行：

1. 判断当前display的属性值；
2. 根据判断结果执行fadeIn()或fadeOut()。