jQuery: Cambiar margin-right con animate

[PoLiZe]

Holas gente de FDW..

Bueno estoy haciendo una modificacion para xenForo y estoy teniendo unos problemas..

Miren les comento mi idea por si no entienden, la idea serìa que se oculte el sidebar y el margin-right del mainContent (cual esta en 260px) se baje a 0px con animaciòn..

El problema? Traté pero no funciona creo que el problema está en que el margin-right está "fijado" en el class "mainContent".. entonces? bueno sería, tendría que editar el class mainContent generando una animacion al cambiar el margin-right a 0..


Como se podría hacer?


para que se den una idea
http://desarrollo.comparteonline.net/
usuario: xenforo
contraseña: vbulletin

bueno ahora trataba de hacer algo con el ToggleClass pero de esa forma no tendría una animacion, como lo podria hacer?

[PoLiZe]

Actualmente tengo esto:

Código Javascript:

<script>
  $(document).ready(function() {
 
$(ocultar).click(function () {
      $(sidebar).hide("slide", { direction: "right" }, 1000);
});
 });
</script>
<script>
$(ocultar).click(function(){
  $(.mainContent).animate({ 
    marginRight: "0px"
  }, 1500 );
});
</script>
 

Pero no funciona, el sidebar si se oculta, pero no se cambia el Margin-Right

[chicohot20]

que no debe ser asi?:

Código Javascript:

<script>
  $(document).ready(function() {
 
$("#ocultar").click(function () {
      $("#sidebar").hide("#slide", { direction: "right" }, 1000);
$(".mainContent").animate({ 
    marginRight: "0px"
  }, 1500 );
 
 
});
 
 
 });
 
 
</script>
 

Es solo una sugerencia.

[PoLiZe]

Iniciado por chicohot20

que no debe ser asi?:

Código Javascript:

<script>
  $(document).ready(function() {
 
$("#ocultar").click(function () {
      $("#sidebar").hide("#slide", { direction: "right" }, 1000);
$(".mainContent").animate({ 
    marginRight: "0px"
  }, 1500 );
 
 
});
 
 
 });
 
 
</script>
 

Es solo una sugerencia.

El tema es qe el slide funciona y probe asi y nada.

[tredio]

prueba asi

Código Javascript:

$(document).ready(function(){
    $("#ocultar").click(function () {
        $("#sidebar").hide("#slide", { direction: "right" }, 1000);
        $("#mainContent").animate({ 
            marginRight: 0
        }, 1500 );
    });
});