title: Make jQuery submenu expand parent AND Prevent repeating slideToggle effect
body: <p>I have put together a navigation bar which expands a submenu on hover. See my <a href="http://jsfiddle.net/aQBeZ/6/" rel="nofollow">jsFiddle</a>.</p>
  
  <p>If you hover on the menu items, the submenu expands beyond the parent <code>&lt;nav&gt;</code> (which I have coloured blue). What I am after is for the blue <code>&lt;nav&gt;</code> element to expand with the child <code>&lt;ul&gt;</code>.</p>
  
  <p>I don't know if I need a jQuery or css solution but everything I have tried so far has been in vain.</p>
  
  <p><strong>AND</strong></p>
  
  <p>If your mouse happens to quickly hover across the navigation, say from 'MENU 3' to 'MENU 1' then rest on a submenu item such as 'ONE A' (before it actually appears), the jQuery gets stuck in a repeating loop where each submenu opens and closes.</p>
  
  <p>What needs to be changed to prevent this happening?</p>