Thursday, October 2, 2008

[jQuery] Re: sequential animation

Use a callback function (executes after the animation is complete).
Something like this ('this.parent' might not work inside the
function):

$("div", this.parent).animate({ height: "400" },function(){
$(".rightColumn", this.parent).children().fadeOut();
$(".rightColumn", this.parent).append($("#dd-EditCutting"));
});

- ricardo

On Oct 2, 6:34 am, "graphic...@googlemail.com"
<graphic...@googlemail.com> wrote:
> Hi,
>
> I have the following :
>
>     $("div", this.parent).animate({ height: "400" });
>     $(".rightColumn", this.parent).children().fadeOut();
>     $(".rightColumn", this.parent).append($("#dd-EditCutting"));
>
> Now I would like the last line to be executed only after the two
> animations have completed. Is there a way to do that ?

No comments: