JQuery-设置左div的动画

我正在开发一个应该支持JQuery动画的网站， 我想设置菜单项的动画，这样当鼠标悬停在菜单项上时，每个菜单项都应该向右移动

我在网上搜索了一下，找到了需要的动画脚本，但是没有用

有人能帮我吗

以下是我所拥有的代码的和平：

$('.menuButton').hover(
            function () { $(this).animate({ "left": "+=50px" }, "slow"); },
            function () { $(this).animate({ "left": "-=50px" }, "slow"); }
        );

它已经在文档中。就绪（…）

我希望我能找到我的答案，

---

谢谢。

第二个动画应该是作为回调传递的

    $('.menuButton').hover(function(){
        var $this = $(this);
        $this.animate({ "left": "+=50px" }, "slow", function() {
            $this.animate({ "left": "-=50px" }, "slow");
        });
    });

---

确保菜单按钮处于绝对位置。另外，使用显示您的标记和CSS，这样我们可以更好地帮助您。当前代码运行良好。您使用的是哪个版本的jQuery？我使用的是jQuery-1.7.1.min，这是HTML代码。或者

position:relative

起作用，但是

position:absolute

对性能来说是最好的（这确实会产生很大的影响）。请注意，您正在将元素从光标移开，这可能会导致无限的事件循环触发。我将位置设置为相对，这很好，谢谢您的提示：）谢谢，div应该是相对的，正如Japser回答的，谢谢