title: Can I use .delay() together with .animate() in jQuery?
body: <p>I have this code, which slides open a basket preview on a website I am working on. It stays open if the user is hovered on it, but I want it to have a two second delay before the callback for my hover is triggered. This is just in case the user didn't want the mouse to leave the basket area.</p>
  
  <p>Below is the code I am using to animate the basket:</p>
  
  <pre><code>$('.cart_button, .cart_module').hover(function(){
      $(".cart_module").stop().animate({top:'39px'},{duration:500});
  }, function(){
      $('.cart_module').stop().animate({top: -cartHeight},{duration:500})
  });
  </code></pre>
  
  <p>Here is the code I tried to use, but had no affect:</p>
  
  <pre><code>$('.cart_button, .cart_module').hover(function(){
      $(".cart_module").delay().animate({top:'39px'},{duration:500});
  }, function(){
      $('.cart_module').delay().animate({top: -cartHeight},{duration:500})
  });
  </code></pre>