工具/原料
- 联想 威6
- win10 20H2
- jQuery 3.5.1
方式/步骤
- 1
首先，在hbuilder里面书写两个div标签，而且给它们各取一个id名称，这里我就别离设置它们的id名称为one和onemenu。
- 2
接着我们设置id为one的css样式，这里我就设置当作天蓝色。
- 3
之后，我们再来设置onemenu的css样式，为了区别开来，我设置它为红色。
- 4
之后，我们来预览一下结果，可以看到，有天蓝色和红色两部门，接着我们要做的就是鼠标点击蓝色部门的，红色部门的会往上折叠，而再次点击蓝色部门，红色部门就会往下移动。
- 5
接着利用jQuery方式来给one地点的div绑定一个click事务。
- 6
然后给click绑定一个匿名函数。
- 7
然后在匿名函数里面写上方式，jQuery此刻我来诠释一下这条语句，jQuery暗示获取到id为onemenu的div元素，当触发事务时，元素就会挪用slideToggle方式。
- 8
slideToggle可以设置时候，这里我就设置当作3000毫秒，半斤八两于3秒。
- 9
这样，当我们点击蓝色部门时，红色部门就会慢慢上滑埋没，而再次点击时就会慢慢下滑显示。这里因为是静态图片所以无法看到滑动结果，大师可以操练看看结果。
END
注重事项
- 小我经验，若是对您有所帮忙，请帮手点赞
