abstract： #box{width: 200px;height: 200px;background-color: purple;margin-top: 20
#box{width: 200px;height: 200px;background-color: purple;margin-top: 20px;} $(document).ready(function(){ $("#bt").click(function(){ $("#box").animate({ 'width':'toggle', 'height':'toggle' },1500); }); });
显示和隐藏
show()
hide()
滑动：通过控制匹配元素的高度变化来动态改变元素的状态
slideDown()下滑
slideUp()上滑
slideToggle() 切换
淡入和淡出:通过控制匹配元素的不透明度动态改变元素的状态
fadeIn()淡入
fadeOut()淡出
fadeToggle切换
fadeTo(speed,不透明度) 前两个参数是必须有的
自定义动画通过animate()方法来实现，此方法通过设置匹配元素的css样式来动态改变元素的状态，它有三个预定义值：hide show toggle
