Use the completion callback:
$this.animate({opacity: "0.5"}, { complete: function() {
Action 1
Action 2
Action 3
$this.animate({opacity: "1.5"});
}});
-Mike
> 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
>
