Jquery 高度变化的div上的鼠标出

我正在用jQuery创建一些自定义的选择框，这样我就可以完全按照我想要的方式设置它们的样式

首先，我用CSS做的，但我希望选项在点击时打开，而不是在悬停时打开。选择是一个

ul

，具有不同的

li

，第一个是在选择框打开之前可见的单个

li

问题是我必须在菜单上绑定一个

mouseout

，但它无法识别是否删除

overflow:hidden或更改高度，使选择框在鼠标离开第一个li（最初可见的“hitbox”）时关闭

我在JSFIDLE中重新创建了一个简单的示例：


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

这个提琴做了你想要的吗？我正在使用jQuery
mouseleave
事件，它在计算鼠标退出时对文档层次结构应用了一些智能。
这个提琴实际上仍然说
mouseout
，但改为
mouseleave
确实解决了这个问题我不需要再绕道设置高度：）哎呀，更新了小提琴链接以备将来参考。很高兴它能起作用。那把小提琴实际上仍然说
mouseout
，但是改成
mouseleave
确实解决了这个问题我不需要再绕道设置高度：）哎呀，更新了小提琴链接以备将来参考。很高兴它起作用了。