title: Cart Slideup on mouse hover and slide down on mouse out
body: <p>I have implemented a shopping cart , which requires a cart details to be shown on top when product is added in Cart .</p>
  
  <p><a href="http://hurom.php-dev.in/" rel="nofollow">Link</a></p>
  
  <p>In header part there is cart symbol which after on adding products show cart details .</p>
  
  <p>Till now have added code :</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          jQuery(document).ready(function() { 
              jQuery('.block-cart-custom').mouseover(function() {
                  jQuery('#cart_header_content').slideDown(500);
              });
              jQuery('.block-cart-custom').mouseleave(function() {
                  jQuery('#cart_header_content').hide(500);
              });
         });
          &lt;/script&gt;
  </code></pre>
  
  <p>Please tell where I am getting wrong .</p>
  
  <p>One can add product in cart and check the same --- > <a href="http://hurom.php-dev.in/" rel="nofollow">Link</a></p>