手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用jquery中的slideDown方法实现元素显示

时间:2024-10-13 11:12:18

1、创建一个web项目,并在pages文件夹下,新建页面文件

如何使用jquery中的slideDown方法实现元素显示

2、在body标签下,插入一个button按钮和p标签,并插入内容

如何使用jquery中的slideDown方法实现元素显示

3、在jquery初始化函数中,定义改变按钮的点击事件,并调用slideDown()方法

如何使用jquery中的slideDown方法实现元素显示

4、保存代码并运行页面文件,打开浏览器,点击按钮查看效果

如何使用jquery中的slideDown方法实现元素显示

5、再添加一个按钮,定义点击事件,调用slideUp()方法

如何使用jquery中的slideDown方法实现元素显示

6、保存代码并刷新浏览器,点击隐藏按钮,然后点击显示按钮,查看效果

如何使用jquery中的slideDown方法实现元素显示
© 手抄报圈