介绍下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();
});
});