последовательное замедление затухания с помощью jquery

Question

У меня есть данные массива, возвращаемые из вызова ajax, состоящего из ссылки на изображение, текста заголовка и ссылки. Я добавляю каждый элемент этого массива в div на странице с помощью метода jQuery append и его затухания. Поскольку он выполняется так быстро, все элементы исчезают одновременно. Я бы хотел, чтобы каждый из них постепенно исчезал. Таким образом, когда элемент добавляется в основной div, исчезает и приостанавливает оператор .each примерно на 100 миллисекунд перед добавлением следующего элемента. Однако я не знаю, как это сделать. Есть идеи? Вот мой код.

jQuery.each(data.themes, function (index){ 

    theme_html = "<div class=\"themePreviewWrap\" id=\"theme_" + index + "\" style=\"display:none;\"><div class=\"themePreview\"><img src=\"" + data.themes[index]['custom_color_screenshot'] + "\" /></div><div class=\"themePreviewButtom\"><div class=\"title\"><b>" + data.themes[index]['title'] + "</b></div><div class=\"link\">" + data.themes[index]['actions'] + "</div></div></div></div>"; 

    jQuery('#themeholder').append(theme_html); 

    jQuery("#theme_" + index).fadeIn(500); 

}); 

Answer 1

Что-то вроде этого:

jQuery("#theme_" + index).delay(index * 1000).fadeIn(500);