jQuery在悬停时延迟动画3个div

Question

我正在尝试创建一个效果，我将鼠标悬停在div（带有“hover”类）上，另外3个div（“agent”，“fav”和“more_details”）向上移动但是之间的延迟很短其中3个。然后，当我徘徊时，所有3个div同时向下移动。这是我正在尝试的代码，

jQuery(document).ready(function() {
jQuery(".hover").hover(
    function(){
    jQuery(".agent").animate({top: '-=32px'},400);
    },
    jQuery(".fav").animate({top: '-=32px'},400).delay(800);
    },
    jQuery(".more_details").animate({top: '-=32px'},400).delay(1600);
    },

    function(){
    jQuery(".agent,.fav,.more_details").animate({top: '+=32px'},400);
    }
);                              
});

任何人都可以帮我在这里正确编写我的代码。

Answer 1

.delay延迟了链接到它的fx动作，而不是它被链接到的动作：

jQuery(".fav").delay(800).animate({top: '-=32px'},400);
jQuery(".more_details").delay(1600).animate({top: '-=32px'},400);