How do I hide a adjacent div when I mouseout of a menu item, using JQuery?
<p>I was wondering how I could reverse the click triggered in this function on 'mouseout' of 'a.menu-arrow'? See code below:</p>

<pre><code>$(".menu-arrow").hover(function() {
  $.data(this, "timer", setTimeout($.proxy(function() {
    $(this).click();
  }, this), 500));
}, function() {
  clearTimeout($.data(this, "timer"));
});
</code></pre>

<p>What happens is after 0.5 of a second of hovering over a.menu-arrow...a click is triggered showing a adjacent div containing the submenu. This is how the HTML is structured unfortunately.</p>

<p>Any help would be greatly aprreciated. </p>

<p>Sorry I'm a novice at JavaScript &amp; JQuery</p>
