Mostrar y ocultar divs haciendo hover en otras

[aguila_393]

Buenas, tengo 5 divs con imagenes, y necesito que cuando se haga hover sobre cada imagen se muestre una determinada div que esta abajo de esas 5 imagenes.

Abajo de las imagenes hay 5 divs, que tienen display:none, cuando se haga hover sobre una imagen se tiene que cambiar el display a inline-block de la div correspondiente. Tiene que quedar activada hasta que se haga hover sobre otra imagen, y en ese momento volver a poner display none a esa div, y activar la div correspondiente a la otra imagen.

Esto se puede hacer con CSS3? O hay que usar Javascript/Jquery?

[CHuLoSoY]

Pues según la jerarquía. Si no tienen una estructura perfecta difícilmente podrás hacerlo con CSS. Te propongo lo más lógico, y es que nos enseñes un poco de código. Pon el trozo de html correspondiente y si quieres el CSS que tienes. Aunque con el html ya te podremos dar pistas.
Saludos.

[aguila_393]

Iniciado por CHuLoSoY

Pues según la jerarquía. Si no tienen una estructura perfecta difícilmente podrás hacerlo con CSS. Te propongo lo más lógico, y es que nos enseñes un poco de código. Pon el trozo de html correspondiente y si quieres el CSS que tienes. Aunque con el html ya te podremos dar pistas.
Saludos.

Código HTML:

<div class="item1">Image here</div>
    <div class="item2">Image here</div>
    <div class="item3">Image here</div>
 
    <div class="item1-box">CONTENT TO SHOW</div>
    <div class="item2-box">CONTENT TO SHOW</div> <!-- INITALIZED AS HIDDEN !-->
    <div class="item3-box">CONTENT TO SHOW</div> <!-- INITALIZED AS HIDDEN !-->
 

item1-box es visible por defecto, y item2-box y item3-box estan como display:none, cuando se hace hover sobre item2 se tiene que hacer visible item2-box y ocultarse el que este activo. Lo mismo para item3 e item1

[Xetori]

Creo recordar que en dreamweaver, (no se si lo usas) hay un comportamiento que te hace lo que pides, el de intercambiar imagen vamos.