javascript - JQuery 动画横幅

Question

所以我之前问了一个关于如何创建横幅的问题，如图所示 here我得到了一个非常好的答案来开始我的工作。从那以后我就一直在研究它，但在让动画滑回原来的位置时遇到了很多问题。
这是我的动画:http://jsfiddle.net/43nCF/ (不要先点击绿色方 block )
问题:第一次切换 block 后，单击另一个 block 不会将其向左移动。
我还有其他一些小问题，如果有人帮助我，我将不胜感激。

• 如何让 block 的宽度和移动同时进行动画处理，就像我试图复制的横幅动画一样？
• 我如何让方 block 滑回原来的位置，而不是只是“运送”到那里？

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

Answer 1

至于定位问题:您需要在第二个函数中删除 left 声明。

关于使动画同时 Action :在 一次调用 中为每个元素的 right 和 width 属性设置动画:

function() {
    var position = $.data(this, 'position');
    var ind = $(this).index();
    //moves image back to original position

    $('#container div').each(
    function() {
        $(this).animate({
            right: "",
            width: 100

        });
    });
});

Working example here.