[jQuery] Chaining Effects

[jQuery] Chaining Effects


Every time I try to do this, I am frustrated. It's the first thing I
tried to chain in jQuery. I try it again from time to time, because I
really want it to work.
$("#messages").fadeIn("slow").html("

New message.<\/
p>").fadeOut("slow");
What I want is for the old message to fade out, then the new message
gets put into the message area, then the new message fades in.
It doesn't matter how I order the chaining, I can never get the effect
I want.
First, what is the proper order to chain the effects? Am I supposed to
think right-to-left, or what?
Second, shouldn't I be able to add a parameter to the effect that says
to block the next step in the chain until the current effect is done?