Div Desplegable

[ArturoGallegos]

jeje pues a mi no me funciono del todo ese código no se porque que bueno fue una prueba rápida ya voy de salida...

lo que si, es que para dicho efecto no requieres javascript basta con un poco de CSS... y en mi opinión es mejor... el script puedes colocarlo aparte y bajo una condicional para IE6 si es que te interesa darle soporte de lo contrario se puede desechar

te dejo un ejemplo rápido de como seria en CSS

Código CSS:

#texto{display:none;background:#FFFF99;border:1px #FFCC00 solid;position:absolute;padding:5px;}
#imagen:hover + #texto,#texto:hover{display:block;}
 

Código HTML:

<div id="imagen">
    <img src="Green day.jpg" alt="Imagen Demo"/>
</div>
<div id="texto">
    <p>Esto es una prueba</p><p>Esto es una prueba</p><p>Esto es una prueba</p>
</div>
<h1>Que no se mueva esto</h1>
 

funciona desde IE7 en adelante para IE6 existe un problema pero igual lo podemos solventar con javascript dentro de una condicional o cambiamos la estructura metiendo segundo div dentro del primero y andaría en todas las versiones de IE

Código CSS:

#texto{display:none;background:#FFFF99;border:1px #FFCC00 solid;position:absolute;padding:5px;}
#imagen:hover #texto,#texto:hover{display:block;}
 

Código HTML:

<div id="imagen">
    <img src="Green day.jpg" alt="Imagen Demo"/>
    <div id="texto">
        <p>Esto es una prueba</p><p>Esto es una prueba</p><p>Esto es una prueba</p>
    </div>
</div>
<h1>Que no se mueva esto</h1>