在div上使用鼠标移动来改变高度

Question

我正在使用jQuery创建一些自定义选择框，因此我可以按照我想要的方式设置它们。

首先我用CSS做了但我希望选项在点击时打开，而不是在悬停时打开。选择是ul，li个不同，第一个是在打开选择框之前可见的单li。

问题是我必须在菜单上绑定mouseout，但它无法识别overflow:hidden;的删除或高度的变化，因此选择框会在鼠标移开时关闭第一个li（最初可见的'hitbox'）。

我在jsfiddle中重新创建了一个简单的例子：

http://jsfiddle.net/u6mC2/

Answer 1

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

这个小提琴做你想要的吗？我正在使用jQuery mouseleave事件，它在计算鼠标退出时将一些智能应用于文档层次结构。