Estou tentando fazer isso em inglês simples: tenho uma div aberta de um evento de mouseover; quando tiro o mouse da div, ela fecha no mouse, perfeita. O que eu preciso é que, quando sair do mouse, se passar o mouse para uma div com classe x ou classe y, o openDiv não fechará; qualquer mouseout em qualquer outra div além da classe x ou classe y fará com que o openDiv seja fechad

Aqui está o que tenho até agora, mas não funciona:

$("#openDiv").mouseout(function () {
    var $c = $(e.target); //div where mouse is
    if ($c.is('div.x') || ('div.y')) //if div where mouse is has class x or y
    {
        $("#openDiv").show(); //show or keep open from the mouseover event
    } else {
        $("#openDiv").hide(); //hide openDiv if mouse is anywhere outside openDiv or div with class x or y
    }
});

ATUALIZAR Preciso de mais ajuda para selecionar uma resposta funcional! jsfiddle.net/bUzPG/8 Passar o mouse sobre a classe x, y ou z mantém aberto, passar o mouse sobre x ou z torna o openDiv rosa, mas pairar fora do openDiv também o torna rosa, quando ele deve ficar cinza e ocultá-lo. Alguma idéia de como fazê-lo ficar cinza e se esconder?