问答的这种点击展开收藏JS怎么实现呀?

问答的这种点击展开收起 JS 怎么实现呀?帮忙看一下!要一个个绑定点击事件吗?

img

并不需要每个都绑定事件,可曾听闻事件委托,也叫事件代理,就是在它们公共的父元素绑定事件,然后里面判断当前触发的是哪一个子元素,给对应的子元素增加对应的样式即可。如不理解,可以问我,耐心解答。

是的,不过现在很多UI框架都有这个效果,如果你要用纯js实现,你可以百度js手风琴,大把demo

绑定事件,加js动画效果,样式隐藏还是显现

事件委托香,element 有类似的功能

你可以用共用一个展开和收起的样式,绑定一个事件就可以了,只是标签样式判断不同

获取所有

循环 绑定事件

对应点击展开 其他合上