toggle与slideToggle

一、相同点：

1、切换元素的可见状态。如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。

2、该效果适用于通过 jQuery 隐藏的元素，或在 CSS 中声明 display:none 的元素（但不适用于 visibility:hidden 的元素）。

二、不同点：

1、动态效果方向

toggle：通过改变其高度、宽度、外边距、内边距和透明度来切换可见状态。动态效果为从右至左。横向动作。

slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。动态效果为从下至上，竖向动作。

2、语法

$(selector).slideToggle(speed,callback)

$(selector).toggle(speed,callback,switch）//若设置speed，则无法使用 switch 参数。若设置 switch ，则无法使用 speed 和 callback 参数。

3、是否可设置动画开始方向

（1）、toggle的方向可通过css来设置（目前只测了position:absolute的情况）

css中若设置top，则从top开始，若设置bottom，从下方开始，俩者并存，从上方开始。

若设置left，动画从left开始，若设置right，动画从right开始，俩者并存，从left开始。

（2）、slideToggle的方向是固定的从下往上，不可设置。