隱藏圖像徘徊另一個圖像時

Question

我似乎無法得到這個工作，所以不知道是否可能

當我將鼠標懸停在img.helmet，我想img.icon被隱藏

<img class="helmet" src=""> 
    <img class="mini" src="">   
    <img class="helmet" src=""> 
    <img class="mini" src=""> 
    <img class="icon" src=""> 

這裏是我的jsfiddle嘗試 - http://jsfiddle.net/8wrbL/28/

.helmet:hover > .icon,.helmet:hover + .icon { 
    display:none;z-index:-999999;left:-999999; 
} 

更新：出現這樣的作品，但好像很多關於一個簡單的任務的CSS，我就會有大量的圖片和這種方式可能請稍等e

.helmet:hover+.mini+.icon,.helmet:hover+.mini+.helmet+.mini+.icon,.helmet:hover+.mini+.helmet+.mini+.helmet+.mini+.icon{ 
display:none; 
} 

Answer 1

嘗試使用jQuery進行定位並使用該類作爲隱藏它的方法。

jQuery的

$('.helmet').hover(function() { 
    $('.icon').toggleClass('hidden'); 
}); 

CSS

.icon.hidden { 
    display: none; 
} 

Here's a jsFiddle

Answer 2

，或者你只是使用jQuery的隱藏和顯示:: http://www.w3schools.com/jquery/jquery_hide_show.asp