jquery中slideUp()方法与slideDown()方法

发布时间:2020-05-18编辑:脚本学堂
介绍下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();
    });
});