jQuery slideUp (). remove () no parece mostrar la animación de slideUp antes de que ocurra la eliminación

Tengo esta línea de JavaScript y el comportamiento que veo es que el selectedLi desaparece instantáneamente sin "deslizarse". Este no es el comportamiento que esperaba.

¿Qué debo hacer para que se selectedLideslice hacia arriba antes de retirarlo?

selectedLi.slideUp("normal").remove();

¿Podría solucionarlo poniendo la llamada a eliminar en un argumento de devolución de llamada para slideUp?

p.ej

selectedLi.slideUp("normal", function() { $(this).remove(); } );

Debe ser más explícito: en lugar de decir "esto" (que estoy de acuerdo que debería funcionar), debe hacer esto:

$("#yourdiv").slideUp(1000, function() {
    $(this).remove();
});

La forma más sencilla es llamar a la función "remove ()" dentro de slideUp como un parámetro como otros han dicho, como este ejemplo:

$("#yourdiv").slideUp("normal", function() {
    $(this).remove();
});

Es obligatorio llamarlo dentro de la función anónima () para evitar que remove () se ejecute antes de que termine slideUp. Otra forma igual es usar la función jQuery "promise ()". Mejor para aquellos a los que les gusta el código autoexplicativo, como yo;)

$("#yourdiv").slideUp("normal").promise().done(function() {
    $(this).remove();
});

Con las promesas, también puede esperar a que finalicen varias animaciones, por ejemplo:

selectedLi.slideUp({duration: 5000, queue: false})
.fadeOut({duration: 3000, queue: false})
.promise().done(function() {
    selectedLi.remove()
})

selectedLi.slideUp(200, this.remove);