Вот пример CSS, как показать скрытый div (при наведении):
<div class="showhim">HOVER ME<div class="showme">hai</div></div>
и
.showme{
display: none;
}
.showhim:hover .showme{
display : block;
}
Можно ли показать один div и скрыть еще один в то же время, используя только CSS? Вот пример использования JS для этой цели: http://jsfiddle.net/joshvito/GaZQ6/