3 columnas deslizantes con jquery

[trompi33]

Izquierda y derecha anchos fijos. Centro con contenidos.
La izquierda y derecha las oculto con un desplazamiento .animate({marginLeft:30},500) y .animate({marginRight:30},500).
La izquierda funciona bien, pero no así la derecha, esta desaparece de la pantalla pero aparece el scroll horizontal con lo cual es como si no hubiera desaparecido.
Lógicamente la columna central debe adaptarse al nuevo hueco creado por las otras columnas invisibles.
Os agradezco la ayuda.

<script type="text/javascript">
$(document).ready(function() {
$("#cabezamenus").click(function(e) {
$('#coliz').animate({marginLeft:-200},500);
$('#contenido').animate({marginLeft:30},500);
});
$("#barraiconos").click(function(e) {
//$('#coldcha').hide("slide", { direction: "down" }, 500);
$('#coldcha').animate({marginRight:-170},500);
$('#contenido').animate({marginRight:30},500);
});
});
</script>