Bonjour, 

J'en suis vraiment à mes débuts avec jQuery et je bloque sur un point:

J'ai une liste php de <li> avec dans chaque <li> une image et du texte. 

L'image est toujours la même, il s'agit d'un petit i pour information. Au survol de cette image, un paragraphe explicatif apparait, différent pour chaque <li>. 

Cette action fonctionne mais étant donné le nombre de points information sur mon site, je souhaiterais l'optimiser. 

J'ai fait pas mal de recherche et j'ai notamment trouver qu'il était possible d'utiliser .each mais je m'y prends probablement mal car l'ensemble des textes apparaissent alors au survol d'une seule image.

J'espère avoir été claire dans mon explication, merci d'avance pour votre aide :) 

<ul>								
										
  <li>
										
    <h1>Don</h1>		
										
      <img class="info actiondon" src="/img/info.png" 
       alt="info"/>
										
      <p class="info_text actiondon">Parmi ses produits, 
      cet utilisateur en propose certains au don.</p>									
									
  </li>
									
  <li>								
								
      <h1>Troc</h1>	
										
      <img class="info actiontroc" src="/img/info.png" 
       alt="info"/>
										
      <p class="info_text actiontroc">Parmi ses produits, 
       cet utilisateur en propose certains au troc. </p>											
									
  </li>
									
  <li>								

     <h1>Vente</h1>	
										
     <img class="info actionvente" src="/img/info.png" 
      alt="info"/>
										
     <p class="info_text actionvente">Parmi ses produits 
     il en propose certains à la vente. </p>	
  
  </li>

</ul>

		$(".info_text").hide();

                $("img.actiondon").mouseover(function(){
		$("p.actiondon").show();
		});
		$("img.actiondon").mouseout(function(){
		$("p.actiondon").hide();
		});
		
		$("img.actiontroc").mouseover(function(){
		$("p.actiontroc").show();
		});
		$("img.actiontroc").mouseout(function(){
		$("p.actiontroc").hide();
		});
		
		$("img.actionvente").mouseover(function({
		$("p.actionvente").show();
		});
		$("img.actionvente").mouseout(function(){
		$("p.actionvente").hide();
		});