title: Jquery menu with sub menu hover
body: <p>I have a menu and sub-menu system which is self explanatory, you hover over something in the main menu options and then you are presented with a sub menu of options.</p>
  
  <p>There is a problem if you hover to see the main menu options, but then mouse away without selecting from the sub menu, the sub-menu doesn't slide up. </p>
  
  <p>You can see it working here (I know the css is bloated but I have just copied the entire sheet in:</p>
  
  <p><a href="http://jsfiddle.net/6sres/" rel="nofollow">http://jsfiddle.net/6sres/</a></p>
  
  <p>This is the Jquery I am using:</p>
  
  <pre><code>$('#nav li').hover(
  
       function () {
            //show its submenu
            $('ul', this).stop().slideDown(100);
       }, 
  
       function () {
            //hide its submenu
        $('ul', this).stop().slideUp(10);
       }
  
  );
  
  $('a#leagueSelect').hover(function(){
  
       $('ul.fixture-list').slideDown(50);        
  
  });
  </code></pre>
  
  <p>I know it is something simple, perhaps related to the "this" which is causing some issues.</p>
  
  <p>Thanks,</p>
  
  <p>Alan.</p>