jquery中slideToggle()方法可以实现什么效果

jquery中slideToggle()方法可以实现什么效果

在jquery中，slideToggle()方法主要用于以滑落的方式显示或隐藏div，实现两种状态的切换。下面小编举例讲解jquery中slideToggle()方法可以实现什么效果。

新建一个html文件，命名为test.html，用于讲解jquery中slideToggle()方法可以实现什么效果。

在test.html文件内，使用div创建一个模块，并设置div的class属性为mydiv。

在css标签内，通过class设置div的宽度和高度都为300px，背景颜色为绿色。

在test.html文件内，使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行shdiv()函数。

在js标签中，创建shdiv()函数，在函数内，通过class获得div对象，使用slideToggle()方法显示或隐藏div。

在浏览器打开test.html文件，点击按钮，查看实现的效果。

1、使用div创建一个模块，并设置div的class属性为mydiv。2、在css标签内，通过class设置div的宽度和高度都为300px，背景颜色为绿色。3、使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行shdiv()函数。4、在js标签中，创建shdiv()函数，在函数内，通过class获得div对象，使用slideToggle()方法显示或隐藏div。