title: jQuery slideUp after delay
body: <p>I have a navigation menu child ul animating when it's parent li is hovered with the mouse. It also slides up when the mouse exits. However, I am trying to get it to delay by 1 second before it slides up. I want the child ul to remain open for 1 second after the mouse leaves. However, it is still sliding up immediately. What's wrong here?</p>
  
  <pre><code>    $(".ipro_menu li&gt;ul").hide(); // Hide all
  
  $(".ipro_menu li").mouseenter(function() {
      $(this).children("ul").slideDown();
  }).mouseleave(function() {
      $(this).delay(1000).children("ul").slideUp(); // Wait 1 sec before sliding up
  });
  </code></pre>