jQuery在孩子之后褪色

Question

出于某种原因,我知道这是可能的,不使用选择器或类或标识符,我只是无法弄清楚.

我有一些divs嵌套在其他divs中,我想逐渐淡入每一个,从最浅div到最深div.

我最初虽然.each()或.children()但我不能弄明白.我不确定它是怎么写的.

但是,由于某些原因,我有一种强烈的感觉,它可以通过一个简短的简单脚本来完成,任何人都可以帮我解决这个问题吗？

这是一个应该更容易理解的小提琴.http://jsfiddle.net/3z9Bf/

---

不要让小提琴混淆你.当我意识到自己无法做到这一点时,我并没有尝试.fadeIn第一次div自己开始编写脚本.

Answer 1

这是一个简单的插件:

$.fn.cascadeChildren = function (speed) {
    var $children = this.children();

    if ( ! $children.length ) return;

    speed = speed || 300;

    $children.animate({ opacity: 1 }, speed, function () {
        $(this).cascadeChildren(speed);
    });
};

使用方法如下:

$('#element').cascadeChildren();

这是小提琴:http://jsfiddle.net/GUFzc/