js：我觉得我这个都搞不定，太打击我学习JS的信心了

[123456789]

自己想出来一效果，可是实现不了，真的好打击我学习的信心了，所以麻烦大牛给指点下吧

先看我的效果图 ：http://v1.freep.cn/3tb_131012152522rif5512293.png

想实现鼠标移动到2，2展开，1,3缩小。

[chshouyu]

这不就是手风琴效果么

[coolicer]

难点应该在运动上，你可以先把效果做出来。运动框架可以再加

[paloalto]

http://demo.jgpy.cn/kandyTabs/

[justfindu]

设置一个.classA{ big width} , .classB{small width}
ul>li{float:left}

li.hover

this.class (classA)
others.class (classB)

是不是就解决了

如使用jquery,可以使用animate动画效果.
原生js的话我也不知道怎么实现的动画- -

[justfindu]

哦 还需要叫一个 .classNormal{normal width} 原始状态.

[FrankFang128]

有人不是说JS简单、JS垃圾么……

[123456789]

@justfindu 先感谢，我个人觉得虽然这个方法可行，但写出来没有思想

[123456789]

@paloalto 主要是用来学习，不是用来解决问题，插件暂时不考虑，谢谢

[justfindu]

@123456789 要有思想的代码么 - - 做不到啊!

[chemzqm]

css就搞定了 http://codepen.io/chemzqm/pen/fDayF 不过flex布局ie11才支持