jQuery中toggle与slideToggle以及fadeToggle之间的不同

jQuery中toggle与slideToggle以及fadeToggle之间的不同

toggle()方法：

定义和用法

切换元素的可见状态。

如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。

语法：

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

slideToggle()方法：

定义和用法

它通过使用滑动效果（高度变化）来切换元素的可见状态。

如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。

语法：

$(selector).slideToggle(speed,callback)

toggle()方法与slideToggle()方法区别在于，toggle方法的效果是从右到左，是一个横向的动作。

它是通过display的状态来判断匹配元素的可见性。

而slideToggle()方法的效果是从上到下，是一个竖向的动作，它是通过高度来判断匹配元素的可见性。

fadeToggle()方法：

定义和用法

fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。

如果元素是淡出显示的，fadeToggle() 会使用淡入效果显示它们。

如果元素是淡入显示的，fadeToggle() 会使用淡出效果显示它们。

语法

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

这三个方法的参数中，参数均是可选的。

第一个参数speed表示的切换两种状态的速度，可以用"slow"、"fast" 或毫秒。

参数callback表示的是动作完成后所执行函数的名称。

toggle()中的switch参数是可选的布尔值：True和False，表示toggle是否隐藏或显示所有的被选元素。

若设置参数，则无法使用前两个参数。

fadeToggle()中的easing参数是可选的，表示的是在不同点上元素的速度