Récurence sur CallBack

Bonjour à tous,

j'essaie de faire une animation pour afficher les uns à la suite des autres des menus.
Pour l'instant je le fais de manière séquentielle en affichant chaque menu après l'autre dans le call back :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 $('.ligneModule:first').show('slide',{ direction: "left" },500, function() { $(this).next('li.ligneModule').show('slide',{ direction: "left" },500, function() { $(this).next('li.ligneModule').show('slide',{ direction: "left" },500, function() { $(this).next('li.ligneModule').show('slide',{ direction: "left" },500, function() { $(this).next('li.ligneModule').show('slide',{ direction: "left" },500, function() { $(this).next('li.ligneModule').show('slide',{ direction: "left" },500); }); }); }); }); });
ça marche très bien, mais je ne trouve pas ça super propre.
Il doit bien y avoir un moyen de le faire sous forme de 'récurrence' :koi: , cad: sans boucle (for, while, ou if) en utilisant uniquement le call back (un peu comme avec le langage lisp).

Je pensais à ajouter une pause dans le callback, pour avoir quelquechose du type :
Code:

1 2 3 4 5 $('.ligneModule').show('slide',{ direction: "left" },500, function() { setTimeout(500); }
mais cela me les affiche toutes en même temps :cry:

Des idées ?

Salut,

Dans ce goût là ?

Code:

1
2
3
4
5
6
7
8
 
 
function showNextMenu() {
   var next = $(this).next('li.ligneModule');
   if(next.size()) next.show('slide',{ direction: "left" }, 500, showNextMenu);
}
 
$('.ligneModule:first').show('slide',{ direction: "left" },500, showNextMenu);

wé ! dans ce goût là...

le

Citation:

if(next.size())

est il vraiment nécessaire ?

je vais tester

Salut,

Non en effet, tu as raison, il sert à rien