javascript - 京东众筹页面手风琴效果如何使用left绝对定位实现

Question

如题，这个效果我用的是width宽度实现的，如果要用left实现，则整个逻辑不知怎么处理？大家可以试试？谢谢，没有代码，不好意思

Answer 1

left实现思路，大致应该是：
1.css设置子级内容列表层叠排列 tip：设置position
2.js申明默认子级内容列表层叠间隔宽度，动态设置最外层p整个视觉容器宽（应该＝首个默认展开的宽＋子级内容列表层叠间隔的宽＊子级内容列表个数）tip：js用left控制显示位置
3.绑定hover事件，改变left的数值 tip：可以清空为初始值再赋new值

＊大概就是这样的思路，你可以看看这个讲的就是left做滑动门特效 http://www.imooc.com/video/9491