Css 悬停时，在div的右侧显示图像

我有一个行动列表（创建一个免费帐户，查看统计数据等）。这是它的样子

        <div class="box_go">
            <div class="ico"><img src="img/ico/arrow_f.png" width="16" /></div>
            <h3>Get a free account</h3>
            <p>And start earning points</p>
        </div>
        <div class="box_go">
            <div class="ico"><img src="img/ico/arrow_f.png" width="16" /></div>
            <h3>View stats</h3>
            <p></p>
        </div>

获得一个免费帐户
并开始赚取积分

查看统计数据

我希望悬停时父div的右侧出现一个小箭头（div.ico）。 使用jQuery。。。但当我停留在第一个元素上时，两个箭头都会显示出来

有什么想法吗？谢谢

为什么不直接使用CSS呢

.box_go {
    position: relative;
}

.box_go .ico {
   position: absolute;
   right: 10px;
   display: none;
}

.box_go:hover .ico {
    display: block;
}

写的东西
image.ico
$（'#ico'）.hide（）；
$（“#物质”）.mouseover（函数（）{
$（'#ico'）.show（）；
});
$（“#物质”）.mouseleave（函数（）{
$（'#ico'）.hide（）；
});

虽然您可以使用jQuery，但没有理由认为它完全可以在CSS中完成。请显示您的CSS和jQuery，您是using@domenic检查我修改过的答案我想你会想用mouseenter搭配mouseleave，而不是mouseover。它更像是书写的图片。ico和我有过多次。。。因此，它将显示每个跨度，而不是选定的跨度。是的，它工作正常，这是一个非常好的主意。。。但是使用jquery将更具跨浏览器性，所以我现在就使用它，但如果有人能找到使用jquery的方法，那就太好了。jquery速度较慢，更容易出错，但我承认它在IE6中也能工作。不过，这是使用jQuery进行此操作所获得的唯一浏览器。

<span id="matter">Matter written</span>
<span id="ico">image.ico</span>

$('#ico').hide();

$('#matter').mouseover(function() {
    $('#ico').show();
});

$('#matter').mouseleave(function() {
    $('#ico').hide();
});