Random Quote Machine, JQUERY EFFECTS, .ajax() and others

Hi Campers!
I’m building my Random Quote Machine. I’m about half way through the challenge.
What’s NOT done is tweeter part (but I don’t worry about it ATM).
My problem is the lack of control over what is changing on the web page.
The idea was to change colours during the change of a quote. It works, but I’d like the changes to happen in sequence. I want to change colours once, THEN swap the quotes and THEN change the colours again. And the problem is that sometimes I can see the new quote before the first change of colours have finished.
I’ve tried to use {async: false} in .ajax(), but it didn’t help.
I’ll try to make it simple, there should be 3 changes in aequence:

  1. First change of colours.
  2. Getting the new quote and making appropriate changes to the web page (RQM)
  3. Second change of colours.
    The change of quote happens before the first change of colours has finished, but it should be after that.
    What can I do to make it working as I want?

Thanks a lot! It really helped me. On the web site I was using there was nothing (at least I didn’t see it) about .delay() or .promise() or .then()
My RQM starts working as I expected.
To be honest, even on the web site you provided, is hard to find info about .then().