Jquery - Eliminar() después de ocultar()

Question

Tengo un div que quiero eliminar con remove(). Quiero mostrar una animación antes/durante la eliminación de div. Solo he podido mostrar la animación al ocultar el div.

Si quiero mostrar la animación, entonces elimino(). ¿Cómo se hace esto?

Código hasta el momento:

//Delete Button - delete from cart 
$('.ui-icon-trash').live('click',function() { 
    $(this).closest('li').hide("puff", {}, 1000) 
}); 

Answer 1

hacerlo en la función de devolución de llamada para .hide() (jQuery UI .hide() reference), así:

$('.ui-icon-trash').live('click', function() { 
    $(this).closest('li').hide("puff", {}, 1000, function() { 
    $(this).remove(); 
    }); 
}); 

La función al final se ejecuta como una devolución de llamada, la ejecución cuando la animación está hecha ... así que cuando quieras :)

Answer 2

También puedes consultar esto:

$(this).hide("puff").delay(10).queue(function(){$(this).remove();});