Bonjour,

je cherche à cacher ou afficher par un clique d'un élément de <a class="view"> l'affichage d'un <tr class="comment">

voici mon code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<tr class="change">
   <td class="center">
      // le déclencheur de l'événement
      <a class="view"><img title="hide comments" src="themes/images/eye-cross.png" /></a>
   </td>
</tr>
<tr class="comment">
 // le contenu
</tr>
à savoir que j'ai 100 éléments de .view et .comment sur la même page.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
$('.view').live({
   click: function(){
      if ($(this).find('img').attr('src') == 'themes/images/eye-cross.png'){
          $(this).find('img').attr('src', 'themes/images/eye.png');
          $(this).next('.comment').hide();
      } else {
          $(this).find('img').attr('src', 'themes/images/eye-cross.png');
	  $(this).next('.comment').show();
      }
    }
});
et donc je n'arrive pas via cette syntaxe à m'approcher de l'élément .comment suivant.

La page et les éléments visés ont été chargé par une méthode ajax

Je vous remercie d'avance de l'aide que vous pourrez m'apporter, je continue de chercher !

Edit : j'ai aussi essayé en le sélectionnant de cette manière
$(this).parent('.change').next('.comment').show();