Runs a method on each element of a collection, with x milliseconds of interval between each

jquery.oneateachtime.js

// Instead of this -> http://gist.github.com/255851
// Use the code below. It's a lot more straightforward.

$.fn.oneAtEachTime = function(method, args, after) {
  var collection = this, index = 0;
  (function(e) {
    $(e)[method].apply($(e), args);
    var closure = arguments.callee, next = collection.get(index++);
    if (next) { setTimeout(function() { closure(next); }, (parseInt(after) || 1000)); };
  })(this.get(index));
};

// So for instance:
// <ul><li>Foo</li><li>Bar</li><li>Baz</li></ul>
// With styles like:
// ul li { display: none }
// You can go:
// $('ul li').oneAtEachTime('fadeOut', [], 100);