<style>
.icon{
width:50px;
height:50px;
background:red;
}
.hint1{
display:none;
}
.icon:hover ~ .hint1{
display:block;
}
.icon:hover ~ .hint2{
display:none;
}
</style>
<div class="icon"></div>
<div class="hint1">hint1</div>
<div class="hint2">hint2</div>
Так чтоли?