jquery总结06-动画事件02-上卷下拉动画
.slideDown() 下拉动画 动画执行之后的操作写在回调函数里
$("ele").slideDown(1000, function() {
//等待动画执行1秒后,执行别的动作....
});
.slideUp() 上卷动画
$("#a2").slideUp(3000,function(){
alert('动画执行结束')
})
原理 :找到元素的高度,然后采用一个下滑动画让元素一直滑到隐藏,当高度为0的时候,也就是不可见的时,修改元素display 样式属性被设置为none。
slideToggle() 上卷下拉自动切换
display属性值保存在jQuery的数据缓存中,所以display可以方便以后可以恢复到其初始值