JQuery - оживить оставленный div

Question

Я работаю над сайтом, который должен поддерживать JQuery Animations, Я хочу анимировать пункты меню таким образом, чтобы каждый элемент меню перемещался вправо, если на нем наведена мышь,

Я искал в Интернете и нашел необходимые сценарии анимации, но они не работали,

Может кто-нибудь помочь мне, пожалуйста?

вот код мира, который у меня есть:

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

это уже есть в документе .ready (..)

Надеюсь, я найду свой ответ, спасибо.

Answer 1

вторая анимация должна быть передана как обратный вызов.

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