Sous menu dynamique

Bonjour à tous !
J'ai ce code pour afficher un sous menu..
Il marche mais j'ai un souci: je voudrais que quand je clic sur le premier bouton (windows )et après sur le deuxième (Mac) la liste du premier s'enlève et vice-versa.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<script type="text/javascript" language="Javascript">
                <!--
 
                function mostraMenu(menuCorrente) {
                        if (document.getElementById) {
                                questoMenu = document.getElementById(menuCorrente).style
                                if (questoMenu.display == "block") {
                                        questoMenu.display = "none"
                                }
                                else {
                                        questoMenu.display = "block"
                                }
                                return false
                        }
                        else {
                                return true
                        }
                }
 
 -->
        </script>
	<!-- Fine Sezione JavaScript -->
	<style type="text/css">
                
                .menu  {display:none; margin-left:20px}
        
        </style>
 
</HEAD>
 
<BODY>
<div align="center"><br>
  <br>
 
</div>
<h3>&nbsp;
</h3>
<center>
	<table width="500" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td align="center"><img src="images/logo_window.png" width="153" height="153"></td>
          <td align="center"><a href="pagina1.html" onclick="return mostraMenu('menu2')"><b>Windows</b></a></td>
          <td>
          	<h3><a href="pagina2.html" onclick="return mostraMenu('menu2')"></a></h3>
            <div class="menu" id="menu2">
            <a href="teamviewer/TeamViewerQS_fr.exe"><b><i>TeamViewer</b></i></a><br />
            <a href="teamviewer/polices gothic.zip"><b><i>Polices</b></i></a><br />
            <a href="teamviewer/quicktime_quicktime_7.6_francais_anglais_9524.exe"><b><i>Quicktime</b></i></a><br />
            </div>
          </td>
        </tr>
        <tr>
          <td align="center"><img src="images/logo_mac.png" width="118" height="132"></td>
          <td align="center"><a href="pagina2.html" onclick="return mostraMenu('menu1')"><b>Mac</b></a></td>
          <td>
          	<h3><a href="pagina1.html" onclick="return mostraMenu('menu1')"></a>
            <div class="menu" id="menu1">
              <a href="teamviewer/TeamViewerQS_fr.exe"><i>TeamViewer</i></a><br />
            </div>
          </td>
        </tr>
		<tr></tr>
	  <tr></tr>
	</table>
</center>
</BODY>
</HTML>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
function mostraMenu(menuCorrente) {
   var tuttiMenu = document.getElementsByTagName("DIV");
   for (var i = 0 ; i < tuttiMenu.length ; ++i) {
      var questoMenu = tuttiMenu[i];
      if (questoMenu.id == menuCorrente)
         questoMenu.style.display = "";
      else
         questoMenu.style.display = "none";
   }
   return false;
}

Désolé mais il ne marche pas du tout..Quand je clic dur Windows il n'affiche + rien

Oui, on dirait qu'il y a plusieurs erreurs aussi dans ton HTML, ou en tout cas des choses bizarres... :?

Code:

<h3><a href="pagina1.html" onclick="return mostraMenu('menu1')"></a>

Code:

<h3><a href="pagina2.html" onclick="return mostraMenu('menu2')"></a></h3>

>>> c'est quoi ces liens vides ? (d'ailleurs : il manque une balise fermante </h3>)

Autre chose : qu'y a-t-il dans pagina1.html et pagina2.html ? elles ne doivent être appelées au moment du clic sur un menu que si le navigateur client n'implémente pas getElementById (dans ton script de départ) : c'est voulu, j'espere ? ^^