需要帮助改进水平滑动div

Question

我有这个脚本：

http://jsfiddle.net/NV2uV/

它有效，但我不喜欢它。

缺点：

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

简而言之 - 它看起来不太好。

如何改进剧本以观看动画，这对眼睛有好处（如果你有现成的解决方案 - 请告诉我）。

---

更新

如果你将动画设置得更小 - 那个动画看起来很不错。

更新2：

我找到了解决方案：在动画功能中必须添加设置“ queue：false ”，然后动画将不会一致但同时实现。

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/