需要提高水平滑动格

Question

帮助我有这样的脚本：

http://jsfiddle.net/NV2uV/

它的工作原理，但我不喜欢它。

缺点：

1. 扳手（边缘块）。
2. 在从一个单元到另一个单元的过渡中，动画分两步执行（我想要一个连续的动画）。
3. 脚本代码并不漂亮 - 非常重复。

总之 - 它看起来不太好。

我该如何改进脚本以查看动画并且对眼睛有好处（如果您有现成的解决方案 - 请告诉我）。

---

更新：

如果设置了动画小了 - 这动画看起来相当不错。

更新2：

我找到了解决办法：在animate函数必须添加设置“队列：假”，那么动画将不会被不一致，但同时实施。

http://jsfiddle.net/TtHBy/

但我依然不喜欢很多我的脚本重复的，怎么能进行切割和创造幸福？

Answer 1

你想要一个水平的手风琴菜单吗？你可以看看这个jQuery的例子：http://designreviver.com/tutorials/jquery-examples-horizontal-accordion/

这里是另一个例子：http://www.dynamicdrive.com/dynamicindex17/haccordion.htm

还有一：http://tympanus.net/Tutorials/ElegantAccordion/