Faire des fadeIn() en boucle dans un for()
Bonjour,
Je cherche à réaliser la création successive de paragraphes qui s'affichent les uns après les autres avec l'effet fadeIn(). Voici le javascript :
Code:
1 2 3 4 5 6 7 8 9 10 11 12
| var id = 1;
function Draw(){
for(i=1;i<=20;i++)
{
$("body").append("<p id='"+id+"' style='display:none;'>Hello</p>");
$("#"+id+"").fadeIn(1000);
id++;
}
} |
Avec un sur la balise body pour lancer le script.
Problèmes : Le navigateur affiche un fadeIn() de tous les paragraphes d'un coup, et non pas les uns après les autres.
Quelqu'un aurait-il une idée pour m'aider ?
Merci d'avance !