como hacer slide a la derecha o izquierda

[Trublux]

Entonces sería algo así:

Código CSS:

#text{display:none; margin-left:-100px}
 

Código Javascript:

var mostrar = function(){
    $("#text").animate({marginLeft:0,opacity:"show"},1000,"linear");
}
var ocultar = function(){
    $("#text").animate({marginLeft:"-100px",opacity:"hide"},1000,"linear");
}
 
$(function(){
    $( '#text2' ).toggle(
        function(){
            mostrar();
        }, function(){
            ocultar();
        }
    );
});
 

O podrías poner esto:

Código CSS:

#text{width:0px; overflow:hidden}
 

Código Javascript:

var mostrar = function(){
    $("#text").animate({width:"100%"},1000,"linear");
}
var ocultar = function(){
    $("#text").animate({width:"0"},1000,"linear");
}
 
$(function(){
    $( '#text2' ).toggle(
        function(){
            mostrar();
        }, function(){
            ocultar();
        }
    );
});
 

Le he puesto que tarde menos tiempo (antes estaba en 2 segundos, ahora está en 1 segundo)