jQuery slideUp().remove() doesn't seem to show the slideUp animation before remove occurs

Question

I have this line of JavaScript and the behavior I am seeing is that the selectedLi instantly disappears without "sliding up". This is not the behavior that I expected.

What should I be doing so that the selectedLi slides up before it is removed?

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

Answer 1

Might be able to fix it by putting the call to remove in a callback arg to slideUp?

e.g

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

Answer 2

selectedLi.slideUp(200, this.remove);

Answer 3

I have another question based around this...

I can't figure the syntax so #introOverlay is removed after the animation?

$(function() { $("a.shift").click(function() { $("#introOverlay").animate({ height: 0, }, 2000) }); });