Cacher sous menu après le click

Version imprimable

Bonjour,

Voila, j'ai un menu avec des sous-menus et lorsque je click sur le mot, les sous menus apparaissent comme prévu, mais je voudrais également qu'ils redisparaissent lorsque je reclick le mot ;) En fait c'est un petit bout de code qu'il me manque..

Merci d'avance

Code javascript
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script type="text/javascript">  </script>

26/05/2008, 16h14
E.Bzz

Bonjour,

Code:

if (d) {d.style.display=(d.style.display=='block') ? 'none' : 'block';}

A+

Merci, mais pti blem encore...

Code:

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display=(d.style.display=='block') ? 'none' : 'block';}

C'est comme ça que je dois l'ajouter ? Car cela ne fonctionne toujours pas hélas...

27/05/2008, 09h34
E.Bzz

Citation:

Envoyé par Greatz

cela ne fonctionne toujours pas hélas...

C'est à dire ?
Pas comme prévu ? (comment ?)
Plus rien ne fonctionne ?

Bref, précise ...

A+
27/05/2008, 09h41
Greatz

En fait, cela ne change rien dutout... mon menu est ouvert mais il ne se referme pas.. plus précisément, lorsque j'ai mis le code tel que celui que je t'ai envoyé, au moment d'afficher ma page, les menus étaient déja ouverts au départ et ne se fermaient pas non plus.. bref.. je suppose que ça n'est pas bon -_-
27/05/2008, 09h52
E.Bzz

Tu dois avoir une erreur, non ?
Avec IE 7 ?

Et en inversant :

Code:

if (d) {d.style.display=(d.style.display=='none') ? 'block' : 'none';

:?

A+

Peut-être que c'est mon code qui foire.. je ne sais pas... :?

Code html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<tr height="17">
                    <td height="17"><div align="center" id="menuu">
 
		<dt onclick="javascript:montre('smenu1');">Formulaires</dt>
 
			<dd id="smenu1">
				<ul>
                  <br />
 
					  <li>
					    <a href="StageComplementaire.html" target="_blank">Formulaire 1</a><a href="#"></a></li>
					  <li>
					    <a href="StageOfficinal.html" target="_blank">Formulaire 2</a><a href="#"></a></li>
					  <li>
					    <a href="StageOfficinal.html" target="_blank">Formulaire 3</a><br />
					  </li>
					  </ul>
			</dd>	
 
 
					</div></td>
                  </tr>

Code javascript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display=(d.style.display=='none') ? 'block' : 'none';}
}
 
//-->
</script>