Question: i have a menu that when i mouse over a div it will show and on mouse out it will fade out. the problem is that if you roll over any of the menu's children the menu will disappear(because technically if you're over one of the children then you're not over the parent) is there a way so that rolling over the children will not count as a mouseout? here is my code: <http://jsfiddle.net/32bLg/>

Answer: 
You need to contain the menu div inside of the hover div. See <http://jsfiddle.net/T72jm/2/> .

You'll notice (at least in Chrome) that if you hover over your hover div and don't do anything, the menu div will fade out.
this is my fix

```
window.menushowing = false;

$('#menu').hover(

function() {
    window.menushowing = true;
}, function() {
    window.menushowing = false;
    hideMenu();
});

function hideMenu() {
    if (window.menushowing) return;
    $('#menu').animate({
        opacity: 0
    }, 1500, function() {
        $('#menu').hide();
    });
}

$('#examplePic').hover(

function() {
    window.menushowing = true;
    $('#menu').css('display', 'block');
    $('#menu').animate({
        opacity: 1
    }, 1500);

}, function() {
    hideMenu();
});

```