Question

So I made my own right click context menu, and I have expandable options on the right click menu when you hover over them. I want the expanded menu to close if the mouse leaves the right click menu so I used the following code:

    $('ul').live('mouseout', function(event) {
    // close code here
});

But the problem is the event gets called every time I move the mouse onto any of the <li> elements.

How do???

Answer 1

$('ul')

That means all the ul elements. May be you can give it a class (or an id) and do

$('ul.theClass')

Or

$('#ulId')