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("<p>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?