Comment sélectionner un deuxième élément avec JQUERY lorsqu'on clique sur l'image?

Question

Le code ci-dessous ne fonctionne que pour la première div. Je ne peux pas afficher d'autres divs quand j'ai cliqué sur les autres "img". Connaissez-vous une méthode pour atteindre le second élément (suivant)?

$(document).ready(function() { 

     $('.imgOpenClose').click(function() { 
      if ($(this).attr("src") == "images/openTree.gif") { 
       $(this).attr("src", "images/closeTree.gif"); 
       $(this).parent().find('div').eq(0).show(); 
      } 
      else { 
       $(this).attr("src", "images/openTree.gif"); 
       $(this).parent().find('div').eq(0).hide(); 
      } 
     }); 
}); 

Answer 1

Puisque vous avez un élément de rupture suivant l'image, vous aurez besoin d'utiliser nextAll et sélectionnez la première DIV au lieu d'utiliser simplement next avec un filtre comme dans mon réponse originale.

$('.imgOpenClose').click(function() { 
    $(this).nextAll('div:first').toggle(); 
}); 

Answer 2

Si vous avez plusieurs images avec la même étiquette de classe, vous pouvez toujours le faire sans avoir à ajouter un identifiant unique:

$(function() { 
    $('.imgOpenClose').click(function() { 
     $(this).next('div').children('table').toggle(); 
    }); 
});