small jquery script. Easy to do. Animate

Question

I have this script.

$("#menu li a.nieuwsbriefaanmelden").click(function()
                {
                    $("#nieuwsbrief").slideDown(600);
                    $("#nieuwsbrief form").fadeIn(600);
                });

How can i change this script. That the script do first the slidedown. And when the slidedown is done, than he does the fadein. Now the slideshow and fadein effect. Start the same time.

Thanks

score 2 · Answer 1 · answered Feb 18 '11 at 14:30

Every animation function in jQuery supports callback function as a second argument that is fired once the animation is complete. Thus, you can chain animations like this to have them execute one after another:

$("#menu li a.nieuwsbriefaanmelden").click(function() {
    $("#nieuwsbrief").slideDown(600, function() {;
         $("#nieuwsbrief form").fadeIn(600);
     });
});

score 0 · Answer 2 · edited May 23 '17 at 11:47

0

Tatu Ulmanen's Answer is perfect for simple examples. If you want to get more complicated, and have more effects queued up, take a look at jQuery API - .queue() and a good overview of .queue() (also on Stack Overflow).

edited May 23 '17 at 11:47

Community

1
1

answered Feb 18 '11 at 14:38

Adam

5,091
5
32
49

small jquery script. Easy to do. Animate

2 Answers2