title: Jquery stop slideUp if user hovers over div
body: <p>I am trying to stop a slideUp effect if the user is still hovering over the slideDown div. The slideDown div is "utility-nav1"</p>
  
  <p>Any help or tips appreciated on my current code below:</p>
  
  <pre><code>var $j = jQuery.noConflict(); 
  $j(document).ready(function() {         
  //show cart slide on hover
  $j("#u1_cart").mouseenter(function() {
  $j(this).addClass("open");
  $j("#utility-nav1").slideDown();
  $j("#slide-cart").load("cart_load.php", function() {
  $j("#utility-nav1-loading").hide()
  });
  });                     
  //hide cart slide on exit
  $j("#u1_cart").mouseleave(function() {
  $j("#utility-nav1").slideUp("slow", function() {
  $j('#u1_cart').removeClass("open")
  });
  });
  });
  </code></pre>