jquery 如何实现多个DIV展开收缩

2024-10-12 22:07:10

1、新建一个html文件,命名为test.html,用于讲解jquery如何实现多个DIV展开收缩。

jquery 如何实现多个DIV展开收缩

3、在css标签内,通过元素名称设置div的样式,设置其宽度和高度为100px,背景颜色为红色,下边距为20px。

jquery 如何实现多个DIV展开收缩

5、在js标签内,分别创建zkai()函数和suo函数,在zkai()函数内,获得di箪滹埘麽v对象,使用fadeIn()方法展开div,在suo()函数内,获得div对象,使用fadeOut()方法收缩div。

jquery 如何实现多个DIV展开收缩jquery 如何实现多个DIV展开收缩
猜你喜欢