jquery-手风琴效果

布局

span与img并在一行
父级li

移动原理

调整li标签的位置就可

li是定位了的一个标签

对li标签操作

它被点击以后，来一个动画效果

让left值发生变化

本代码的效果，依次点击可以完成

可是，如果跳着点击，会出现问题

试一试先点1，再点4

解决

点远的li处理完毕后，还要选中它前面的所有标签

遍历所有标签，让他们各自进行位移

到此为止，从右边点到左边，效果完成。

下一个目标，从左边点，到右边。

点击一个li的时候，让它右边的也进行位移

需要计算一下子公式