[jQuery] Delaying remaining actions until animation is complete
We have a string of actions which run on a click event, but before
they run, we want to animate down the opacity of certain elements to
show the user that something is happening and then animated the
opacity back to normal to show that the process is finished:
$this.animate({opacity: "0.5"});
Action 1
Action 2
Action 3
$this.animate({opacity: "1.5"});
How can we set things so that the actions only begin when the first
animation has finished and how can set the last animation to only run
when the previous actions are finished.?
Thanks