javascript - 依次淡出 child

Question

我试图让列表中的每个元素按顺序淡入。我知道有很多类似的问题被问到，但我似乎无法找出问题所在!这是我的代码:

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:http://jsfiddle.net/m0vxjqsj/2/

Answer 1

问题是当您想要淡入子菜单中的 li 时，您正试图淡入子菜单...我添加了 .children( ) 在 .hide() 之前和在 .each() 之前...

我相信这就是你想要的......

JSFiddle

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