jquery中slideUp()方法与slideDown()方法
发布时间：2015-12-01 编辑：jiaochengji.com
介绍下jquery中slideUp()与slideDown()方法的用法，举一个小例子，帮助大家理解与掌握slideUp()方法与slideDown()方法的应用。
本节内容：
slideUp()方法与slideDown()方法
slideUP()方法和slideDown()方法只会改变元素的高度。
如果一个元素的display属性值为“none”,当调用slideDown()方法时，这个元素将由上至下延伸显示。
slideUP方法正好相反，元素将由下到上缩短隐藏。
例子，使用slideUp()方法和slideDown()方法再次对”内容“的显示和隐藏方式进行改变。
代码：
复制代码 代码示例:
$(function() {
$("#panel h5.head").toggle(function() {
$(this).next().slideUp();
}, function() {
$(this).next().slideDown();
});
});
$("#panel h5.head").toggle(function() {
$(this).next().slideUp();
}, function() {
$(this).next().slideDown();
});
});
您可能感兴趣的文章：
jquery中slideUp()方法与slideDown()方法
jQuery 滑动方法slideDown向下滑动元素
jQuery动画效果-slideUp slideDown上下滑动示例代码
jquery必须知道的一些常用特效方法及使用示例(整理)
JQuery slidedown与slideup方法实例
jquery show、hide、fadeIn、fadeOut、slideUp等的用法
JQuery特效代码 右下角广告窗体(slideDown slideUp)
jQuery中如何实现toggle方法
jquery animate实现图片轮换
jquery中动态效果小结
[关闭]