title: How to delay hiding of a menu with Jquery Dropdown Menu?
body: <p>I have a dropdown menu that works fine, but I would like it so, that if I hover off the menu, it doesn't immediately hide again. So basically I would like a one second delay.</p>
  
  <p>I have read about setTimeout, but not sure if it is what I need?</p>
  
  <pre><code>$('#mainnav a').bind('mouseover', function()
  {
      $(this).parents('li').children('ul').show();
  });
  
  $('#mainnav a').bind('mouseout', function()
  {
      $(this).parents('li').children('ul').hide();
  });
  </code></pre>