在鼠標懸停和鼠標移出時撥動對面的div

Question

用這個掙扎，我有4個div，2個文本和2個圖像，在2個colums之內... 我想讓圖像在左欄中淡出並顯示文本右欄，但是當我將鼠標懸停在右欄上時，我想讓右側的圖像淡入，文本淡入左欄，反之亦然，頁面加載的文字在左側，圖像在右側。

我有一個小提琴，我不能去上班

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

所以懸停在其中任何一列與下面產生的交變2個UPS

text | image 
Image | text 

Answer 1

首先，從小提琴有幾個標籤錯誤，你沒有正確關閉你的div。

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

而你的css以及你應該寵物左：210像素爲您的正確形象。

以下是工作解決方案。

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