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

Question

我有这个脚本:

http://jsfiddle.net/NV2uV/

它有效，但我不喜欢它。

缺点:

1. Spanner (边缘 block )。
2. 在从一个单元到另一个单元的过渡中，动画分两步执行(我想要连续的动画)。
3. 脚本代码并不漂亮——太多重复。

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

我怎样才能改进脚本来观看动画并且它对眼睛有好处(如果您有现成的解决方案 - 请告诉我)。

<小时/>

更新:

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

更新2:

我找到了解决方案:在animate函数中必须添加设置“queue:false”，那么动画将不会不一致地实现，而是同时实现。

http://jsfiddle.net/TtHBy/

但是我还是不喜欢我的剧本中有很多重复，如何才能让它变得漂亮呢？

Answer 1

您想要水平 Accordion 菜单吗？您可以看一下这个 jQuery 示例:http://designreviver.com/tutorials/jquery-examples-horizontal-accordion/

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

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