Edit Question - KnowledgeHub

Title Body

If I need call this functions one after other, $('#art1').animate({'width':'1000px'},1000); $('#art2').animate({'width':'1000px'},1000); $('#art3').animate({'width':'1000px'},1000); I know in jQuery I could do something like: $('#art1').animate({'width':'1000px'},1000,'linear',function(){ $('#art2').animate({'width':'1000px'},1000,'linear',function(){ $('#art3').animate({'width':'1000px'},1000); }); }); But, let's assume that I'm not using jQuery and I want to call: some_3secs_function(some_value); some_5secs_function(some_value); some_8secs_function(some_value); How I should call this functions in order to execute some_3secs_function , and AFTER that call ends, then execute some_5secs_function and AFTER that call ends, then call some_8secs_function ? UPDATE: This still not working: (function(callback){ $('#art1').animate({'width':'1000px'},1000); callback(); })((function(callback2){ $('#art2').animate({'width':'1000px'},1000); callback2(); })(function(){ $('#art3').animate({'width':'1000px'},1000); })); Three animations start at same time Where is my mistake?

Tags (comma-separated) Cancel