隐藏图像徘徊另一个图像时

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