Jquery滑动面板(再次)

时间:2011-12-11 01:49:10

标签: jquery panel slide

这是对前一个问题的跟进......我帮助我调整了代码(感谢akloboucnik),并以此为例:

http://jsfiddle.net/fE8ks/1/

上面的示例将我的代码更改为动画元素宽度,因此导致“折叠”和“展开”类型的效果。

我认为我需要对代码做的是实际设置左边距的动画以实现“滑动”效果。

我可以在这里看到我正在尝试做的非常基本的例子:

http://jsfiddle.net/wsb22/

所以基本上我想要实现的是两者的结合。我需要有几个div(只是内容面板),由类似于第一个jsfiddle示例的链接激活,但我需要通过第二个jsfiddle示例的方法为面板设置动画。

我需要在页面加载时隐藏所有隐藏的div,除了第一个,当点击其他链接时,当前内容面板将动画左侧隐藏,然后单击面板,然后动画右键显示。我还需要它到当前面板处于活动状态的位置,当单击面板链接时,它将不再动画。

我希望这是有道理的,希望有人可以指出我正确的方向,因为我似乎无法围绕这个方向。

谢谢!

1 个答案:

答案 0 :(得分:0)

不确定您要找的是什么,但也许就是这样:http://jsfiddle.net/adeneo/fE8ks/4/