Hola a todos,
Tengo un problema con unos efectos jQuery. Quiero concatener dos efectos durante una petición Ajax usando beforeSend y luego con Success. El problema es que sólo se me ejecuta el de beforeSend y no el de Success y sí quito los efectos de beforeSend se me ejecutan los de success pero no es lo que quiero conseguir. Les pego el código y ahora les explico lo que quiero conseguir:
Código PHP:
$.ajax({
type:'POST',
url:'includes/form.php',
data: datastr,
beforeSend: function(){
$('#php').hide("fast", function(){
$('#php').html('<div style="font-family:\'Shadows Into Light\', serif, arial; margin:auto; font-size: 36px; text-align:center;">Loading ... </br><img title="Loading" src="images/loading/loading42.gif"/></div>').slideUp(1000);
});
},
success: function(data){
$('#php').hide("fast", function(){
$('#php').html(data).slideToggle(1000);
});
}
});
El efecto que quiero conseguir es como que se encoge el Div y luego se amplia y se carga un gif de preload. Luego cuando acabe la consulta se vuelve a encoger el div y se carga el resultado. Si me pueden echar una mano se los agradezco. También quiero tener en cuenta que hay veces que las consultar son muy cortas pero aun así quiero que se carge la animación aunque sea levemente para que no se vean cosas raras.
Un saludo y gracias a todos!