jquery - 需要帮助改进水平滑动div

Question

我有这个脚本：

http://jsfiddle.net/NV2uV/

它有效，但我不喜欢它。

缺点：

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

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

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

---

更新：

如果您将动画设置得更小 - 该动画看起来相当不错。

更新 2：

我找到了解决方案：在动画函数中必须添加设置“队列：假”，然后动画将不会一致地执行，而是同时执行。

http://jsfiddle.net/TthBy/

但我还是不喜欢我的剧本里有很多重复，怎么剪得漂亮呢？

Answer 1

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

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

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