html - jQuery animate 3 divs with delay on hover -

html - jQuery animate 3 divs with delay on hover -

i'm trying create effect hover on div (with class "hover") , 3 other divs ("agent", "fav" , "more_details") move upwards short delay between 3 of them. when hover-out 3 divs move downwards @ same time. here code i'm trying,

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); } ); });

can help me write code correctly here please.

.delay delays fx action chained it, not 1 chained to:

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

jquery html hover