Bonjour à tous.
Je cherche à ajouter des évènements clic sur une image me permettant de cacher ou dérouler des groupes dans mon interface.
Le soucis est que lorsque j'apelle la fonction $("#showHide_" + i).bind("click", function() {...}, lorsque le clic est executé la valeur de i prise est 4.
Ce qui fait que je me retrouve à ne pouvoir dérouler que le dernier groupe quand je clic sur n'importe quel groupe.

Est-il possible de passer un paramètre a fonction qui serai le i en cours ?

Merci d'avance.
Je met mon code source afin que vous puissiez comprendre.



Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
for(i = 0; i <= 4; i++) {
     // Gestion des actions sur l'affichage des groupes
     $("#showHide_" + i).bind("click", function() {
     if ($(this).attr("src") == "images/fleche-bas.png") {  // Cas où le groupe est replié
          $(this).attr("src", "images/fleche-haut.png");  // On met les fleches vers le haut
     }
     else {
          $(this).attr("src", "images/fleche-bas.png");  // On met les fleches vers le bas
 
     }
     $("#tUTD_" + i + "_wrapper").slideToggle( "slow");
   });
}