title: jQuery - slideToggle, links continue to slide up and down
body: <p>I'm trying to have some menu items slide down when a user hovers on an image, then hide when they move the cursor away from the image and/or the menu items. The problem is, if the user isn't really, really accurate when they move the mouse to a menu item, the menu items will slide up, and down, and up... and down.</p>
  
  <p>Is there a way to get this working so that once the menu items appear, they will remain in place until the user "mouses out" of either the main image, or the link items below the image?</p>
  
  <p>Here's a <a href="http://jsfiddle.net/barryman9000/yHMQV/1/" rel="nofollow">JSFiddle</a>. Any help is appreciated.</p>