Desplegar div en horizontal

[rapuig]

Hola chic@s!
Como puedo hacer con js el mismo efecto que muestra el link pero en vez de desplegarse hacia abajo que lo haga hacia el costado, es decir horizontalmente hacia la derecha?


http://www.diariothc.com/wp-content/...ble/index.html

O que me recomiendan sencillo para desplegar al hacer clic sobre un link se despliegue o aparezca (no se bien cual es la palabra correcta para ese efecto) un div.

Muchas gracias! :)

[rapuig]

Gente, estaba probando y me surgio otra duda... :/
En realidad lo que yo quiero es al igual que en el ejemplo se despliega un div con contenido pero es posible que dentro de ese mismo div se vuelva a desplazar otro contenido?
Me explico mejor por las dudas, lo que yo quiero es: tengo img en miniaturas y que cuando hagas clic en cada una de ellas se desplieguen de la forma del ejemplo (o si es despliegue en forma horizontal mejor) dentro del mismo div.

Lo que intente pero no funciona es lo siguiente:

<a href="javascript:collapse1.slidedown()"><img src="miniatura1.jpg" /></a>
<a href="javascript:collapse2.slidedown()"><img src="miniatura2.jpg" /></a>

<div id="galeria">
<img src="img1.jpg" />
<img src="img1.jpg" />
</div>

<script type="text/javascript">
var collapse1=new animatedcollapse("galeria", 800, false)
var collapse2=new animatedcollapse("galeria", 800, false)
</script>

Obviamente esta mal eso, pero no se me ocurre muy bien como arreglarlo. O si se puede hacer algo asi.

Gracias!


</div>

<script type="text/javascript">
var collapse1=new animatedcollapse("galeria1", 800, false)

</script>

[KoswiDigital]

Hola.

Esos efectos los logras con relativa facilidad utilizando jQuery (http://jquery.com). Hay mucha información acerca de esto en estos foros.


Un saludo.

[rapuig]

Gracias, por responder.
Conozco jquery pero no se muy bien como buscar este efecto :S

Saludos

[Bam_Margera]

pues podrías usar la función animate

Darle un ancho inicial al <div="galeria"> (por ejemplo) de 0px;

$('#galeria').animate({ width: '500px' }, 1000}); //para mostrar
$('#galeria').animate({ width: '0px' }, 1000}); //para ocultar

No lo he usado nunca, pero debería funcionar: tal vez tengas que combinarlo con display:none/block.

Prueba a ver y dinos cosas,

Salud

[KoswiDigital]

Efectivamente, con la función animate() puedes lograrlo. Infórmate acerca de ella en la documentación de la web de jquery.

Un saludo.

[rapuig]

Gracias chicos! Luego les cuento como me fue :)