jQuery 1.4 Animation Techniques - Index of

}
};
$(config.selector).find("a").css("display", "block");
}
});
});
break;
case "strip":
var counter = 0;
function strip() {
transEls.eq(counter).animate({
height: 0
}, 150, function() {
if (counter === len) {
transOverlay.remove();
$(config.selector).find("a").css("display", "block");
} else {
counter++;
strip();
}
});
}
strip();
What just happened?
Our last function deals with actually running the transitions. In this example, there are
just two different types of transitions, but we could easily extend this to add more
transition effects.
[ 131 ]
Chapter 5
This function also requires some variables, so we set these at the start of the function for
later use. We cache a reference to the overlay container as we'll be referring to it several
times. We also store the collection of transition elements, and the number of transition
elements. We subtract 1 from the number of children because the figure will be used with
jQuery's eq() method, which is zero-based.
To determine which of our transitions to run, we use a JavaScript switch statement and
check the value of the config.transitionType property. The first transition is a kind of
venetian-blind effect. To run this transition, we just animate the width of each element to 0
using the jQuery each() method. The function we specify as the argument to this method
automatically receives the index of the current element, which we access using i.