需要帮助改进水平滑动div

时间:2010-06-11 07:54:00

标签: jquery animation sliding-doors

我有这个脚本:

http://jsfiddle.net/NV2uV/

它有效,但我不喜欢它。

缺点:

  1. 扳手(边缘挡块)。
  2. 在从一个单元到另一个单元的过渡中,动画分两步执行(我想要连续动画)。
  3. 脚本代码不漂亮 - 非常重复。
  4. 简而言之 - 它看起来不太好。

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


    更新

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

    更新2:

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

    http://jsfiddle.net/TtHBy/

    但是我仍然不喜欢我的剧本中有很多重复,如何剪裁并使其美丽?

1 个答案:

答案 0 :(得分:1)

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

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

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