Bonjour à tous,

Je souhaiterais faire afficher une liste sur un onMouseOver d'une balise <h2> et la masquer sur le onMouseOut.

Voici mon code html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
<div id="languages">
      <h2>Languages</h2>
      <div class="content">
            <ul>
                   <li><a href="#">English</a></li>
                   <li><a href="#">Français</a></li>
                   <li><a href="#">Deutsh</a></li>
            </ul>
       </div>
</div>
La liste à afficher/masquer est dans le <ul>.

J'ai testé d'interagir avec la div #languages grâce à deux boutons et ça fonctionne tres bien.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
 
<input type="button" value="Show" onclick="javascript:document.getElementById('languages').style.display='block';" />
<input type="button" value="Hide" onmouseover="javascript:document.getElementById('languages').style.display='none';" />
Sauf que ces boutons masquent toute la div or je voudrais qu'ils masquent uniquement le <ul>. Et pour finir, l'idéal serais que cet effet se fasse sur un rollover de la balise <h2>.

J'espere avoir été clair.
Merci d'avance pour votre aide.