Tengo el siguiente código:

$(".option_box .option_name").click(function () {
    $(this).siblings(".collapsible").toggle();
    $(this).toggleClass("hided");
});

$(".option_box .attribute_group_name").click(function () {
    $(this).siblings(".attribute_box").toggle();
    $(this).toggleClass("hided");
});

El código HTML asociado es:

<div class="option_box" style="left:140px;">
    <div class="option_name">Gama</div>
    <table class="collapsible">
        <tr>
            <td><input id="gama_1" class="gama_value filtered" type="checkbox" name="gama[]" value="1" /></td>
            <td><label for="gama_1">Correcta</label></td>
        </tr>
        <tr>
            <td><input id="gama_2" class="gama_value filtered" type="checkbox" name="gama[]" value="2" /></td>
            <td><label for="gama_2">Aficionado</label></td>
        </tr>
        <tr>
            <td><input id="gama_3" class="gama_value filtered" type="checkbox" name="gama[]" value="3" /></td>
            <td><label for="gama_3">Entusiasta</label></td>
        </tr>
        <tr>
            <td><input id="gama_4" class="gama_value filtered" type="checkbox" name="gama[]" value="4" /></td>
            <td><label for="gama_4">Purista</label></td>
        </tr>
        <tr>
            <td><input id="gama_5" class="gama_value filtered" type="checkbox" name="gama[]" value="5" /></td>
            <td><label for="gama_5">Exclusive</label></td>
        </tr>
    </table>
</div>

Que, visualmente produce esto:

Mi problema es que quiero el menú desplegable (que, en realidad práctica, es undiv Elemento con una tabla dentro) para cerrar cuando muevo el mouse hacia afuera pero, como puede ver, no es tan fácil, ya que no se trata de declarar un evento .mouseout como lo hice al principio.

El menú desplegable se compone de dos partes, el 'encabezado' y el 'cuerpo' y quiero que todo el menú desplegable se cierre solo cuando abandono una o la otra pero, hasta ahora, no hay suerte. Me falta algo de conocimiento real en jQuery (solo un toque aquí y allá, pero no hay nada estelar por el momento), así que estoy confundido. Intenté .mouseout, .mouseleave, .focusout y otros métodos.

Incluso he recurrido a jQuery ++ para usar el.dentro Método pero estoy igualmente perdido. ¿Podría alguno de ustedes señalarme la dirección correcta?