Mr.J-- jQuery学习笔记(十六)--展开和收起动画&&折叠菜单的实现

之前写过动画的隐藏与显示：Mr.J-- jQuery学习笔记(十四)--动画显示隐藏   

动画隐藏与显示的一个小demo--对联广告：Mr.J-- jQuery学习笔记(十五)--实现页面的对联广告

与动画隐藏与显示对应的，展开和收起也有三个主要方法:

slideDown()

定义和用法

slideDown() 方法通过使用滑动效果，显示隐藏的被选元素。

语法

$(selector).slideDown(speed,callback)

参数	描述
speed	可选。规定元素从隐藏到可见的速度（或者相反）。默认为 "normal"。 可能的值： 毫秒 （比如 1500） "slow" "normal" "fast" 在设置速度的情况下，元素从隐藏到可见的过程中，会逐渐地改变其高度。
callback	可选。slideDown 函数执行完之后，要执行的函数。 如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。 除非设置了 speed 参数，否则不能设置该参数。

提示和注释

提示：如果元素已经是完全可见，则该效果不产生任何变化，除非规定了 callback 函数。

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

与之前的 动画的隐藏与显示的页面元素一样

$("button").eq(0).click(function () {
	$("div").slideDown(1000, function () {
		alert("展开完毕");
	});
});

slideUp()

定义和用法

通过使用滑动效果，隐藏被选元素，如果元素已显示出来的话。

语法

$(selector).slideUp(speed,callback)

参数	描述