"Slide" de divs no funciona

[lucastosellolatini]

Hola diurno, gracias por contestar....

Mi idea es mas o menos esta:



Que al estar en #titulo y hacer click en el boton #sigUno, el #contenedorservicios mueva su margen-left a -100%, para que de esta manera quede visible en pantalla #grafico.

Por ahora del a manera que lo solucione es con este código:

Código Javascript:

$(document).on("ready", listo);
function listo () 
{
    $("#sigUno").on("click", cambiarUno);
    $("#sigDos").on("click", cambiarDos);
    $("#atrasUno").on("click", cambiarTres);
    $("#atrasDos").on("click", cambiarCuatro);
}
 
function cambiarUno () 
{
    $("#titulo").fadeOut("fast");
}
 
function cambiarDos () 
{
    $("#grafico").fadeOut("fast");
}
 
function cambiarTres () 
{
    $("#titulo").fadeIn("fast");
}
 
function cambiarCuatro () 
{
    $("#grafico").fadeIn("fast");
}
 

Pero así no logro el slide que te conté, si no que desaparzca y aparezcan.

No se porque no ocurre el movimiento que yo quiero, quiero que se vea como se va para el costado el contenedor #titulo y aparece #grafico.... todo, moviendo el contenedor padre #contenidoservicios.

Gracias por tu respuesta!

Saludos.