Javascript jQuery在子对象之后逐渐淡入子对象

出于某种原因，我知道不使用选择器、类或标识符就可以实现这一点，我就是搞不懂

我有一些

div

s嵌套在其他

div

s中，我想从最浅的

div

到最深的

div

依次淡入

起初我想

.each（）

或

.children（）

但我就是想不出来。我不知道该怎么写

但是，出于某种原因，我有一种强烈的感觉，它可以通过一个简短的脚本来完成，有人能帮我弄明白吗

这把小提琴应该更容易理解

---

---

不过，别让小提琴把你弄糊涂了。我不只是想

.fadeIn

第一个

div

当我意识到自己做不到时，我开始自己写脚本

这里有一个简单的插件：

$.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();

---

这是小提琴：

你确定它是从最深的到最深的吗？因为在进程到达最深的div之前，上面的div将被关闭。这真是太好了！这正是我想要的，但我正在寻找最简单的脚本。我甚至不关心功能插件等。这个项目的一些东西让我觉得我可以用三行程序来完成它。然而，如果没有其他人回应，显然我错了，我会给你荣誉。