jQuery: rimuovere gli elementi dopo un'animazione

In jQuery è possibile rimuovere gli elementi dopo un'animazione.

La soluzione è la seguente:

$( document ).on( "click", ".remove-item", function( e ) {
  $( this ).parents( "li" ).fadeOut(800, function() {
    $( this ).remove();
  });
  e.preventDefault();
});

Nell'esempio presupponiamo che si stia usando AJAX, quindi è opportuno usare la event delegation.