[SOLUCIONADO] Como dar efectos fadeIn y fadeOut

[jandrogdz]

Buenas foro.

Alguien sabe como se utilizan los efectos de jquery, lo que pasa es que necesito hacer que cuando se envie un formuario se desaparesca un div con animacion y despues vuelva a aparecer ya actualizada de igual forma con animacion.

La parte de la programacion ya la tengo pero los efectos no se como utilizarlos.

este es mi script

Código Javascript:

$(document).ready(function() {
    $().ajaxStart(function() {
        $('#loading').show();
        //$('#comentarios').fadeOut(5000);
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#comentarios').fadeIn(5000);
    });
    $('#formComent').submit(function() {
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(data) {
                $('#comentarios').html(data);
 
            }
        })
        
        return false;
    }); 
})
 

Segun yo asi deberia de funcionar de que primero se desaparece y despues aparece pero no es asi, primero se quita el div cuando vuelve a verse actuan los efectos.

Espero me puedan ayudar

[rottenp4nx]

Podrías usar las funciones del mismo AJAX

Código Javascript:

$('#formComent').submit(function() {
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            beforeSend: function(){
                $("#id").fadeOut("slow");
             },
            success: function(data) {
                $('#comentarios').html(data);
                $('#id').fadeIn("slow");
            }
        })
        
        return false;
    });
 

Saludos

[jandrogdz]

Creo que no comprendí bien rottenp4nx.
En caso de que la animación la necesite en el div comentarios como seria esque ya le hice muchas formas y nomas no logro que el div se desvanezca al presionar el botón y aparecer al actualizarlo.

[rottenp4nx]

tienes que cambiar el #ID por el ID del div de los comentarios :B

Saludos

[jandrogdz]

Asi lo hice pero no funciono

[jandrogdz]

Ya funciono perdon no me fije que aun no le quitaba lo de ajaxStart() y eso era lo que no dejaba que se pudiera.

Te lo agradesco mucho rottenp4nx