在jquery中,可以调用slideDown方法实现元素显示,跟slideUp()傲艟茏慕方法相对。下面利用实例说明:
工具/原料
JavaScript
jQuery
HTML5
CSS3
HBuilder
截图工具
方法/步骤
1、创建一个web项目,并在pages文件夹下,新建页面文件
2、在body标签下,插入一个button按钮和p标签,并插入内容
3、在jquery初始化函数中,定义改变按钮的点击事件,并调用slideDown()方法
4、保存代码并运行页面文件,打开浏览器,点击按钮查看效果
5、再添加一个按钮,定义点击事件,调用slideUp()方法
6、保存代码并刷新浏览器,点击隐藏按钮,然后点击显示按钮,查看效果