Mouseout на div с изменяющейся высотой

Question

Я создаю некоторые пользовательские selectboxes с jQuery, чтобы я мог их стиль точно так, как я их хочу.

Сначала я сделал это с помощью CSS, но я хотел, чтобы параметры открывались при нажатии, а не на зависании. Выбор - это ul с разными li, первый из которых является единственным li, видимым перед открытием selectbox.

Проблема заключается в том, что я должен связать mouseout в меню, но он не распознает удаление overflow:hidden; или изменения в высоте, что делает его таким, чтобы selectbox закрывался при первом нажатии первого li (изначально видимый «hitbox»).

Я воссозданы простой пример jsfiddle:

http://jsfiddle.net/u6mC2/

Answer 1

http://jsfiddle.net/7uw8b/2/

эту скрипку делать то, что вы хотите ли? Я использую событие jQuery mouseleave, которое применяет некоторый интеллект к иерархии документов при вычислении выходов мыши.