постепенно исчезают в дочерних объектах

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); 
     }); 
    }); 
}); 

EDIT: Он не приходит в последовательно. Вот 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); 
    }); 
});