我有一个我正在安装的菜单系统的模型：http: //djinnius.com/GFTest/gftest.html（这里还有一个垃圾箱：http: //jsbin.com/orejup/2/edit但是绿色 div 中显示的文本无法正常工作）单击左上角的小箭头时，菜单会滑出。当鼠标悬停在菜单项上时，我在绿色 div 中提供菜单项的完整预览。
我希望菜单可以像这样优雅地滑入/看不见：http: //jsbin.com/itogor/5
上述行为的特殊之处在于，如果我不使用 jsbin 中演示的定位和溢出属性，则菜单文本会在菜单关闭时向下挤压。这是难看和分散注意力的。
我认为我的上述效果正常工作，但我遇到了一个似乎表明并非如此的问题。我想根据滑出菜单的选择来改变绿色 div 的内容。但是，当您向下滚动到菜单的较低项目并单击某个项目时，绿色 div 的内容不正确。滑动菜单似乎正在向下挤压文本并导致在单击事件之后发生 mouseenter 和 mouseleave 事件。这会将绿色 div 的内容更改为不正确。
关于如何防止这种行为的任何想法？我试图写一个 bin（http://jsbin.com/orejup/2/edit），但由于某种原因，绿色 div 文本没有改变。通过检查控制台并查看 click 事件之后发生的 mouseenter/mouseleave 事件，您仍然可以看到不想要的效果。