Eu tenho o seguinte trecho de 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");
});

O código HTML associado a ele é:

<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 produz isso:

Meu problema é que eu quero para o dropdown (que, na realidade prática, é umdiv elemento com uma tabela dentro) para fechar quando eu movo o mouse para fora dele, mas, como você pode ver, não é tão fácil, como não é uma questão de declarar um evento .mouseout como eu fiz no começo.

A lista suspensa é composta de duas partes, o 'cabeçalho' e o 'corpo', e eu quero que o dropdown inteiro se feche quando eu abandonar um ou outro, mas, até agora, sem sorte. Eu sinto falta de algum conhecimento real em jQuery (apenas um toque nu aqui e ali, mas nada estelar no momento), então estou confuso. Eu tentei .mouseout, .mouseleave, .focusout e outros métodos.

Eu até recorri ao jQuery ++ para usar o.dentro método, mas estou igualmente perdido. Algum de vocês poderia me indicar a direção certa?