Problema Jquery

[Pipe2890]

hola amigos miren tengo este codigo


<script type="text/javascript">





function cargador (envia) {


$.post ("action.php", {uno:envia}, function(data){
$ ( "#cambia").slideUp('slow').fadeTo("slow",0).de lay( 700).html (data ).slideDown('slow').fadeTo("slow",1);

});


}







</script>

bueno el problema es que cambia el contenido antes de los efectos , aun que esta espeficado que los efectos van antes de cambiar el documento html, no se si me puedan ayudar, por que cenecito que suba cambie el documento y cuando baje muestre el nuevo, lo que hace es cambia primero el contenido depsues sube y baja....

[tredio]

algo asi:

Código Javascript:

$ ( "#cambia").slideUp('slow')
.fadeTo("slow",0)
.delay( 700).slideDown('slow', function(){ 
                                              $(this).html(data);})
.fadeTo("slow",1);
 

[InKarC]

no se confien en los callbacks de las animaciones, con el plugin easing de jQuery dejan de funcionar correctamente... entre otros problemas, pueden usar la funcion .queue mejor

Código Javascript:

$.post ("action.php", {uno:envia}, function(data){
$("#cambia").slideUp('slow').fadeTo("slow",0).delay(700).queue(function() {
$(this).html(data)}).slideDown('slow').fadeTo("slow",1);
});
 

o una solucion que prefiero... es mantener las 2 operaciones aparte

Código Javascript:

$.post ("action.php", {uno:envia}, function(data){
$("#cambia").slideUp(900).fadeTo(900,0).delay(700).slideDown('slow').fadeTo("slow",1);
setTimeout(function(){$("#cambia").html(data)},2500)
});