jQuery在孩子之后褪色

时间:2013-02-11 23:14:29

标签: javascript jquery html fadein children

出于某种原因,我知道这可以在不使用选择器或类或标识符的情况下实现,我只是无法弄明白。

我有一些div嵌套在其他div中,我希望逐个淡入,从最浅的div到最深的{{1} }。

我最初虽然div.each(),但我无法弄明白。我不确定会怎么写。

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

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


但是,不要让小提琴迷惑你。我并不是只想.children()第一个.fadeIn当我意识到自己无法自己编写脚本时,我自己开始编写脚本。

1 个答案:

答案 0 :(得分:7)

这是一个简单的插件:

$.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/