Eu tenho esse código, que abre uma visualização de cesta em um site em que estou trabalhando. Ele permanece aberto se o usuário passar o mouse sobre ele, mas quero que ele tenha um atraso de dois segundos antes que o retorno de chamada para o meu foco seja acionado. Isso é apenas no caso de o usuário não querer que o mouse saia da área da cesta.

Abaixo está o código que estou usando para animar a cesta:

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

Aqui está o código que tentei usar, mas não afetou:

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