前言
本文题目中虽然写有vue和react,但是并非vue和react相关知识，而是最基本的html5和css3的一些知识，之所以写vue，是因为我最近项目中用到了类似效果，我用vue相关知识实现并不雅观，用html5和css3实现，则更加完美。
项目案例
项目中有如下效果：
好多展开收起，对于这个的实现，我一开始用了vue一些比较挫的dom操作，就是父元素toggleClass一个类名，进行子元素的显示和隐藏。
由于这个方法是通用方法，项目中好多地方使用，代码大概如下：
toggleShow() {
let target = window.event.srcElement;
if (
