Question

Possible Duplicate:
JQuery .each() backwards

I am using this code to show each div -> this with a delay an an animation:

$.fn.slideDelay = function(){
    var delay = 0;
    return this.each(function(){
        $(this).delay(delay).animate({
            opacity: 1,
            top: 0
        }, 2000);
        delay += 1000;
    });
};

Works well so far… the only Problem i got is that i need to start with the last index not the first one. Which means the last div gets animated first then the beforelast and so on until the first one.

Answer 1

Theoretically the following should work:

$.fn.slideDelay = function() {
    var len = this.length,
        delay = (len - 1) * 1000;

    return this.each(function() {
        $(this).delay(delay).animate({
            opacity: 1,
            top: 0
        }, 2000);
        delay -= 1000;
    });
};

DEMO: http://jsfiddle.net/q4cGP/