[bess]

désespère pas. Si t'es pas calé en Js c'est normal que ca te paraisse impossible ou trop complexe. Il n'en est rien en réalité.

va voir du côté des documentations et exemples Jquery qui sont pas mal foutu du tout.

exemple de code que je garantie pas de marcher... mais je dois pas être loin

supposons que l'on ai définit ton code HTML ainsi :

Code :

<div class="englobe">
  <div class="titre">Titre1</div>
  <div class="detail cache">contenu détail 1</div>
</div>
<div class="englobe">
  <div class="titre">Titre2</div>
  <div class="detail cache">contenu détail 2</div>
</div>
<div class="englobe">
  <div class="titre">Titre3</div>
  <div class="detail cache">contenu détail 3</div>
</div>

avec la classe cache très simplement constituée de

Code :

.cache{
display:none;
}

dans le header le Js pour afficher l'élément lorsque on survole sur une div ayant la class "englobe" se résume à

Code :

<script language="javascript" type="text/javascript" src="[.........]/jquery.js"></script>

<script type="text/javascript" language="javascript">
  $(document).ready(function(){

        $("div.englobe").hover(function () {
           $(this).find('div.detail').css('display', 'block');
         }, function () {
           $(this).find('div.detail').css('display', 'none');
         });

  }
</script>

Source à lire si tu veux comprendre ce que j'ai expliqué correctement :
http://docs.jquery.com/Tutorials:How_jQuery_Works
http://api.jquery.com/click/
http://api.jquery.com/find/
http://api.jquery.com/css/


et surtout faire un vrai code fonctionnel par ce que je viens de t'écrire celui là sans le tester :]