jQuery前面的另一个重置div悬停动画。如何防止这种情况发生？

Question

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

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

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

示例如下：

jquery problem

本演示的所有代码都是内联的。

提前谢谢。

Answer 1

已解决，检查here

添加选择器$("#one > *")的技巧