Refresh menu on .mouseout

Question

I have a menu within a page, I have an active class applied to the relevant menu item in relation to the page.

This active class is reused when another menu item is hovered over, and is removed from the original menu item.

How can I make the menu <div> refresh when I .mouseout from #menu?

Answer 1

$(function() {
    $("#menu").mouseout(function(){
      // refresh logic here
    });
});

Mouseleave is also an option, depends on your situation. Read Shawn's comment ...