Jquery: Postupné zobrazování odstavců

Odesláno v June 11, 2012 | Kategorie webdesign | Leave a Comment

Máme několik odstavců uzavřených v DIVu .text. Skryli jsme vše kromě prvního odstavce. 

$('.text p').slice(1, 999).hide();

Další odstavce chci zobrazovat postupně, tedy až po kompletním zobrazení předchozího. Pokud bychom to poslali do JQuery běžným způsobem, zobrazily by se nám všechny odstavce najednou.

$('.text p:hidden').slideDown(1000,'linear');

Proto jsem vytvořil funkci showNextElement(), která je volána po dokončení animace.

function showNextElement(obj){
     if($(obj).next()){
       $(obj).next().slideDown(1000,'linear',function(){
            showNextElement($(this));
       });
     }
}
showNextElement($('.text p').eq(0));

A tomu se, milé děti, říká rekurze.

Komentáře

Váš komentář: