Home/ Questions/Q 7614365
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T02:23:09+00:00

var div = $(div); one(),two(),three() function one() {div.css(background, #f00).hide().fadeIn(1000)}; function two() {div.css(background, #ff0).hide().fadeIn(1000)}; function

  • 0
var div = $("div");

one(),two(),three()

function one() {div.css("background", "#f00").hide().fadeIn(1000)};
function two() {div.css("background", "#ff0").hide().fadeIn(1000)};
function three() {div.css("background", "#000").hide().fadeIn(1000)};

http://jsfiddle.net/aLPLn/

Any plugin like 

$.stepz(one(),1);
$.stepz(two(),2);
$.stepz(three(),3);

???

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Both css and hide are executed immediately, so you don’t need to wait for anything there. fadeIn on the other hand needs some time to complete, so that is what you wanna wait for. You can pass a callback function that gets called when the animation is complete:

    var div = $("div");

function one() {div.css("background", "#f00").hide().fadeIn(1000, two)};
function two() {div.css("background", "#ff0").hide().fadeIn(1000, three)};
function three() {div.css("background", "#000").hide().fadeIn(1000)};

one();

    http://jsfiddle.net/ckC9d/

    • 0