title: Delay Flyout Menu using jQuery
body: <p>I have a menu built on jQuery and built it following a <a href="http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/" rel="nofollow">tutorial</a>. I would like to add a delay when the mouse leaves the menu for better user experience. I can get the menu to delay using jQuery <code>delay</code> and it works very well with one exception, the fly out drop down menus.</p>
  
  <p>Due to the length of code I have a working <a href="http://jsfiddle.net/Lynda333/6nKeM/4/" rel="nofollow">jsFiddle</a> with the code. The flyout menu I am referring to contains the words <code>Website</code> <code>Illustrations</code> and <code>Photography</code>.  </p>
  
  <p>How do I delay the flyout so it closes when the menu does vs disappearing immediately?  </p>