Могу ли я использовать .delay () вместе с .animate () в jQuery?

У меня есть этот код, который открывает предварительный просмотр корзины на веб-сайте, над которым я работаю на. Он остается открытым, если пользователь наведен на него, но я хочу, чтобы у него была двухсекундная задержка перед срабатыванием обратного вызова для моего наведения. Это на всякий случай, если пользователь не Я не хочу, чтобы мышь покидала область корзины.

Ниже приведен код, который я использую для анимации корзины:

$('.cart_button, .cart_module').hover(function(){
    $(".cart_module").stop().animate({top:'39px'},{duration:500});
}, function(){
    $('.cart_module').stop().animate({top: -cartHeight},{duration:500})
});

Вот код, который я пытался использовать, но не повлиял:

$('.cart_button, .cart_module').hover(function(){
    $(".cart_module").delay().animate({top:'39px'},{duration:500});
}, function(){
    $('.cart_module').delay().animate({top: -cartHeight},{duration:500})
});