Jquery 如何停止div'；他把潜水艇压下去了

我有一个随机数量的div，在悬停时展开，在它们下面有一个div，当它上面的div悬停时，应该保持在同一个位置。我不想使用

position:absolute

或

position:fixed

，因为我不希望悬停的div越过它们下面的div

$（'.test'）。悬停（函数（）{
$（'.test2'）.toggleClass（“向上”）；
});
.container{
宽度：100%；
左侧填充：20px；
右边填充：20px；
}
.测试{
宽度：100%；
高度：40px；
背景色：番茄；
边缘底部：5px；
过渡：0.2s全部；
过渡时间功能：轻松进入；
}
.测试：悬停{
高度：60px；
}
.test2{
宽度：100%；
高度：40px；
背景颜色：钢蓝色；
边缘顶端：40px；
过渡：0.2s全部；
过渡时间功能：轻松进入；
}
.起来{
边缘顶部：20px；
}

在您的问题中发布您的代码。之所以会出现这种情况，是因为您正在使用css转换，而且它们是重叠的。请注意，当删除转换时，它们将不再移动下div:remixdesign，是否有任何方法可以阻止使用转换发生这种情况？如果您使用Javascript触发转换，为什么不在转换发生时将下div在函数中的位置设置为绝对值一秒钟。