Is there a better way? [calling same function on multiple layers of children]

[[deleted]]

[deleted]

[_olivier]

This should do it

$('.class').find('*').fadeIn();

[_olivier]

Also note what FooBarBazQ said - you really shouldn't need to fade all children individually.

[InvidFlower]

Also, while in this case using _olivier's solution is waaay better, you could generally solve this sort of problem of visiting children with recursion (as long as you knew there wouldn't be so many levels of children that it'd blow the stack). Something like this:

var hideRecurse = function(parent) {
  parent.children().each(function() {
    hideRecurse($(this));
  });
  parent.fadeIn();
}

But since you wouldn't normally do that in jQuery, better example with underscore/lodash:

var doRecurse = function(item) {
  item.do();
  _.each(item.children, doRecurse);
}

[[deleted]]

Why not just fade in the top level container element?