show()显示、hide()隐藏、toggle()切换
slideDown()、slideUp()、slideToggle()方法
slideDown : 下滑展开
slideUp:上滑收回
slideToggle : 滑动切换
slideDown()
的起点一定是display:none换句话说,只有display:none的元素,才能够调用slideDown()
动画机理:
一个display:none
的元素,瞬间显示,瞬间高度变为0,然后jQuery自己捕捉原有的height设置为动画的终点。
等价于4条语句:
1$("div").show(); //瞬间显示
2var oldHeight = $