Mostrar y Ocultar contenido

[avatarrr]

Buenas a todos,

Estoy desarrollando una interfaz web la cual quiero dividir en filas y columnas tal que asi:

---------------------
---------------------
|....................|....................|
|....................|....................|
|....................|....................|
---------------------
---------------------

3 Filas, siendo la del medio DOS columnas.

Hasta ahi no ai problema.
Pero quiero que las DOS columnas centrales se muestren u oculten hacia un lado u otro, dejando asi la 3º fila entera para una de las dos columnas.

Es decir..... pulsando sobre "algo", que la columna de la izq se repliegue y quede asi la columna de la derecha el doble de grande y viceversa

Alguna idea??? jquery tal vez'??
estoy mirando con el Horizontal Accordion de jquery-... pero no estoy seguro k me sirva.

Un saludo!!

[2D6]

Efectivamente, lo que necesitas para hacer eso es Jquery

algo como esto

<script type="text/javascript">
$("#ejecutar").click(function () {
$("#columna_izq").slideUp(100);
$("#columna_derecha").animate({width: "500px"}, 100);
});

Para esto tenes que incluir la libreria jquery y poner un link con el id="ejecutar" (o lo que te guste) al hacerle click va a ejecutar lo que esta con $.
En este caso, va a replegar la columna izq hacia arriba en 100ms, al terminar va a agrandar la columna derecha a 500px de ancho en 100ms.

Te recomiendo que leas esto http://api.jquery.com/category/effects/

Suerte!

[avatarrr]

Pues si me a servido, muchas gracias ! ;)