FadeIn li after li jquery wont work

Question

Я создаю сетку портфолио с эффектом fadeIn, который исчезает в li после li (изображение портфолио после следующего).

Я пробовал много подходов, но это не сработает.

(function($){ 
    $.fn.showdelay = function(){ 
    var delay = 0; 
    return this.each(function(){ 
     $(this).delay(delay).fadeIn(1800); 
     delay += 1000; 
    }); 
    }; 
})(jQuery); 

$(document).ready(function(){ 
    $('#portfolioslider li').showdelay(); 
}); 

Как это исправить?

Большое спасибо заранее.

Here - код!

Answer 1

Добавить display:none в свой #porfolioslider li стиле:

#portfolioslider li { 
    float: left; 
    display:none; 
} 

Жизнь демо: http://jsfiddle.net/rC7Lr/3/

Помните, что для того, чтобы fadeIn что-то, что должно быть скрыто первым. Если это уже видно, что вы собираетесь исчезать? :)