JQuery动画横幅

Los*_*Lin 5 html javascript css jquery

所以我之前问了一个关于如何创建像这里所示的横幅的问题,我得到了一个非常好的答案让我开始.我一直在努力,因为我有很多问题让动画滑回原来的位置.
这是我的动画:http://jsfiddle.net/43nCF/(不要先点击绿色块)
问题:第一次切换块后,单击另一个块不会将其移动到左侧.
我还有其他一些小问题,如果有人帮我,我将不胜感激.

  • 如何在我试图复制的横幅动画中同时获取块的宽度和移动动画?
  • 如何让滑块滑回原来的位置,而不仅仅是那种"运输"?

我只是jQuery的初学者所以任何帮助都会很棒.谢谢.

iso*_*ope 1

我看到你有回应了。如果这个版本对你有任何帮助: http://jsfiddle.net/vCbcz/ 我没有改变受影响的div以外的div,而是将它们全部包装在#slider div中并调整了那个div的左边距以推动它向左。

$('#slider').animate({
    marginLeft: '-' + ind * 105 + 'px'
});
Run Code Online (Sandbox Code Playgroud)

然后回来

$('#slider').animate({
    marginLeft: 0 + 'px'
});
Run Code Online (Sandbox Code Playgroud)