jQuery hide if mouse not over element onload
<p>If I've got a menu, which for accessability reasons, is visible when the page loads (so if the EU doesn't have JS enabled then they can still navigate around), but I want to hide it if they do have JS enabled, then it's easy enough, just hide it. However I want it to stay open if the mouse is over the element when the event fires. </p>

<p>The problem is (with FF anyway, I presume that this applies to other browser as well) that no events fire off from the mouse to identify that it's currently over the menu if the mouse doesn't move, if that makes sense?</p>

<pre><code>$(function(){
  $("#myMenu").animate({"width": 'toggle'}, 350).hide();
});
</code></pre>

<p>I've tried putting it directly into the window load event as well, however this won't work because the event parameter object shows <code>window</code> to be the current target, not the element the mouse is currently over, also this isn't good because of all the problems with window load waiting for images etc etc.</p>

<pre><code>$(window).load(function(e){
  console.log(e);
  $("#myMenu").animate({"width": 'toggle'}, 350).hide();
});
</code></pre>
