另一个前面的div重置jQuery悬停动画。如何预防？

我将动画效果应用于4个div以创建百叶窗效果：当您将鼠标悬停在第一个长方体上时，它会增长，其他3个会收缩，当您“鼠标移出”时，所有4个都会返回到总高度的25%

我想在每个框中插入一个嵌套的div（在前面，实际上是绝对定位的），以便显示一些文本和链接，但是每次鼠标悬停在这个新div上，动画都会重置（mouseout事件运行）

如何使嵌套的div对动画不可见？或者以动画代码看不见但URL正常工作的方式包含它

示例如下：

此演示的所有代码都是内联的

thanx提前解决。

已解决，请检查

---

添加选择器

$（“#one>*”）

哇！太快了！我想我可以在早上睡觉和工作。Thanx Starx！：）Starx，我注意到“mouseout”属性不再工作，也就是说，盒子不会回到最初的25%高度。我在找一些关于你给我看的把戏的文档。它有具体的名字吗？我以为这和孩子们有关，但我想不是。又是Thanx。我已经改进了您使用的编码，请检查Thanx，我会检查的。祝你一切顺利。还是有点紧张，但你给我指明了正确的方向。非常感谢你的帮助，斯塔克斯。