jquery教程29：slideToggle方法切换可见状态

6、 toggle()方法
toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。
该方法也可用于切换被选元素的 hide() 与 show() 方法。向 Toggle 事件绑定两个或更多函数，当指定元素被点击时，在两个或多个函数之间轮流切换。此方法在jquery1.9版本中不再使用。
语法：$(selector).toggle(function1(),function2(),functionN(),...)
实例：切换不同的背景色：
$("p").toggle( function(){ $("body").css("background-color","green");}, function(){ $("body").css("background-color","red");}, function(){ $("body").css("background-color","yellow");} );

切换 Hide() 和 Show()：检查每个元素是否可见。如果元素已隐藏，则运行 show()。如果元素可见，则元素 hide()。这样就可以创造切换效果。
语法：$(selector).toggle(speed,callback)//参数：毫秒数、"slow"、"normal"、"fast"
$(".btn1").click(function(){ $("p").toggle(1000); });

显示或隐藏元素：规定是否只显示或只隐藏所有匹配的元素。
语法：$(selector).toggle(switch) // 参数：true - 显示元素、false - 隐藏元素

7、 slideToggle() 方法
slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。
如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。 语法 ：$(selector).slideToggle(speed,callback)参数 描述
speed 可选。规定元素从隐藏到可见的速度（或者相反）。默认为 “normal”。
可能的值：毫秒 （比如 1500）、“slow“ 、”normal” 、"fast"
在设置速度的情况下，元素在切换的过程中，会逐渐地改变其高度（这样会创造滑动效果）。
callback 可选。toggle 函数执行完之后，要执行的函数。
除非设置了 speed 参数，否则不能设置该参数。
提示：如果元素已经隐藏，则该效果不产生任何变化，除非规定了callback回调函数。

toggle和slideToggle的区别：
toggle：动态效果为从右至左横向动作。
slideToggle：动态效果从下至上竖向动作。

8、 slideDown()和slideUp()方法
slideToggle相当于slideDown和slideUp方法的组合应用。

slideDown()函数用于显示所有匹配的元素，并带有向下滑动的过渡动画效果。向下滑动的动画效果，即元素可见区域的高度从0逐渐增大到其原有高度(向下逐渐展开)。
如果元素本身是可见的，则不对其作任何改变。如果元素是隐藏的，则使其可见。

slideUp()函数，用于隐藏所有匹配的元素，并带有向上滑动的过渡动画效果。

使用这两个方法可以分别控制隐藏和显示效果，比较适合制作下拉菜单。