Linux 拨号vps windows公众号手机端

jQuery中slidedown与slideup方法怎么使用

lewis 7年前 (2018-11-26) 阅读数 6 #程序编程
文章标签 jqueryslidedownslideup

slideDown()方法用于向下滑动隐藏的元素,slideUp()方法用于向上滑动显示的元素。
使用slideDown()方法:
1. 选择要向下滑动隐藏的元素。
2. 调用slideDown()方法。
示例代码:
HTML:

SlideDown

Thisisthehiddencontent.

JavaScript:

$(document).ready(function(){

$("#slideToggleBtn").click(function(){

$("#content").slideDown();

});

});

使用slideUp()方法:
1. 选择要向上滑动显示的元素。
2. 调用slideUp()方法。
示例代码:
HTML:

SlideUp

Thisisthevisiblecontent.

JavaScript:

$(document).ready(function(){

$("#slideToggleBtn").click(function(){

$("#content").slideUp();

});

});

注意:slideDown()和slideUp()方法可用于任何可见或隐藏的元素,它们会自动切换元素的可见性。此外,还有slideToggle()方法,可用于切换元素的可见性。

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门