title: Navigation dropdown toggle - mouseout as well as off hover?
body: <p>Can someone help me adapt the following so that the dropdown menu not only hides on click, but also hides on mouseout and/or when another of the top level menu buttons is hovered on?</p>
  
  <p><a href="http://jsfiddle.net/QxRL9/" rel="nofollow">jsfiddle</a></p>
  
  <pre><code>$(document).ready(function () {
      $("li").click(function () {
          $('li &gt; ul').not($(this).children("ul").toggle()).hide();
      });
  });
  </code></pre>
  
  <p>Still getting my feet wet with jQuery/script coding.</p>
  
  <p>NOTE: I'm using divs as part of the structure of the dropdown, as in the instance that "ul" above is replaced by a div.</p>
  
  <p>FYI, I can't take credit for the above, it is the work of Pramod Sankar L (user PSL).</p>
  
  <p>Any help would be appreciated!</p>