选项卡

一：js部分：
在鼠标点击时，为被点击元素设置class名（设置背景色等样式），其他元素则设置class名为空
在最外层循环中为元素设置索引
this表示当前事件元素

二：html部分：

1. display显示：

   display会使元素释放空间

   被点击元素设置 display:block ；

   未被点击元素设置 display：none；

2. 透明度opacity+动画显示：

   使用opacity显示时 不会释放空间，选项卡会按顺序排列而非叠加，此时要设置position:absolute；

   被点击元素设置 opacity: 1;

   未被点击元素设置 opacity: 0;

   动画效果加载透明度样式上：transition: opacity 1s ease;