jquery - 鼠标悬停和鼠标移出时切换相反的 div

Question

在这方面苦苦挣扎，我有 4 个 div，2 个文本和 2 个图像，在 2 个列内...我想让图像淡入左列并在右列显示文本，但是当我将鼠标悬停在右边时列我希望右侧的图像淡入，文本在左列淡入，反之亦然，页面加载时左侧有文本，右侧有图像。

我有一个无法上班的小提琴

http://jsfiddle.net/bloodygeese/pd6Jf/7/

因此，将鼠标悬停在任一列上，生成下面交替的 2 个设置

text | image
Image | text 

Answer 1

首先，从你的 Fiddle 有几个标签错误，你没有正确关闭你的 div。

<div id="mainpage1">
<div> <---- Your problem
<div id="leftimage"></div>

还有你的css，你应该向左：210 px 为你的右图像。

这是工作解决方案。

http://jsfiddle.net/pd6Jf/11/