如何进行两部分切换？

Question

超级简单的概念。见http://jquerytest.thepeoplesmarketing.us/jquerydev/index2.html。灰色div是一个“幻灯片”。我想要从左到右5（不是问题），并且在悬停时，每个“动画”红色div在示例中悬停时当前可见。

显然，问题是当我切换红色div时，我的悬停焦点会改变它，从而解除它。在我把整个父div分开之前，怎么能让它不“解开”？

（（免责声明;非常极端的JS / JQ noob，具有强大的python背景，所以原谅我的愚蠢））

Answer 1

显示的红色div位于悬停元素的顶部，因此它会丢失。将红色div放在hover-element内部，如下所示：

<div id="box1" class="boxclass">
    <div id="msgbox" class="hideplz" style="display: none;"></div>
</div>

*或者，您可以在灰色div上执行'mouseenter'，如果无法更改html结构，则可以在red div上执行'mouseout'。

Answer 2

如果你正在使用具有“悬停”状态的jQuery，你将不得不改变它。你需要一个悬停在灰色div上的功能，而不是检查是否悬停在红色div之外再次隐藏它。

你也可以检查红色div的状态（如果它显示与否），因为如果它没有显示，你可能想要触发灰色div上的内存。

编辑：还要检查Syon的答案。我认为你不能这样做，因为你可能会有一个以上的灰色div，但如果你这样做，那就去吧。