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.

  1. $('.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.

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

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

  1. function showNextElement(obj){
  2.      if($(obj).next()){
  3.        $(obj).next().slideDown(1000,'linear',function(){
  4.             showNextElement($(this));
  5.        });
  6.      }
  7. }
  8. showNextElement($('.text p').eq(0));

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

Hlasujte pro tento článek:
  • Bookmarky.cz
  • Digg
  • del.icio.us
  • Google
  • Linkuj
  • Vybrali.sme
  • E-mail this story to a friend!
  • Facebook
  • LinkedIn

Komentáře

Váš komentář: