Javascript 依次淡入儿童

我试图让列表中的每个元素依次淡入。我知道有很多类似的问题被问到，但我似乎无法找出问题所在！这是我的密码：

jQuery(function ($) {
    $('li.menu-item-type-custom').click(function () {
        $(this).siblings().find('ul.sub-menu').hide();
        $(this).children('ul.sub-menu').each(function(index) {
            $(this).delay(300*(index)).fadeTo(1000,1); 
        });
    });
});

编辑： 它不是按顺序来的。

---

这是我正在使用的DOM:

问题是，当您想淡入子菜单中的

li

时，您试图淡入子菜单中。。。我在

.hide（）

之前和

之前添加了
.children（）

我相信这就是你想要的


运行此代码会遇到哪些问题？它不是在褪色吗？或者不按顺序淡出。它应该像你所说的那样起作用。这应该给你一个想法。在短链承诺中。您的代码似乎运行良好。。。也许您应该显示您正在使用的dom？或者与正在发生的事情相比，解释一下你想要发生什么…@BenjaminGruenbaum，当你有大量不同的、具体的事情需要发生时，你所联系的问题似乎更适合你。在这种情况下，这将是大量不必要的代码，如果子对象的数量是动态的，则不会起作用。当我尝试时，他做这件事的方式似乎奏效了（见上面的小提琴）。。。也可以通过递归回调完成。嘿，伙计们，做了一个编辑。我在fiddle链接中包含了DOM。我还注意到问题是它没有按顺序加载。完美。非常感谢：）
$('li.menu-item-type-custom').click(function () {

    $(this).siblings().find('ul.sub-menu').children().hide();

    $(this).children('ul.sub-menu').children().each(function (index) {
        $(this).delay(300 * (index)).fadeTo(1000, 1);
    });
});