Bonjour à tous,

J'ai trouvé un script sur le net que j'ai commencé à modifier, y a juste une fonction que je n'arrive pas à modifier :

Quand je clique sur le menu, les sous menus apparaissent, mais pour refermer les sous menu il faut cliquer sur le lien "fermer"

-> je voudrais qu'en re-cliquant sur le menu, les sous menu se ferment sans avoir le lien fermer

Ma page principale (code simplifié)

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
<SCRIPT LANGUAGE="JavaScript" src="menu.js"></SCRIPT>
</head>
 
<body bgcolor="#99FF66">
 
 
<table border=0 cellspacing="1" cellpadding="2"><tr><td>
<a href="javascript:go(1)" style="font-family: Georgia ;font-size: 18px;color:#336633;text-decoration:none;"><strong>Apéro</strong></a></span><br>
</td></tr>
</table>
<DIV ID="rubrique1" STYLE="position:relative"></DIV><br>
Mon fichier .js (simplifié)

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
rub1 = '   <a href="apero.php" style="font-family: Georgia; font-size: 14px;color:#336633;text-decoration:none;">&nbsp; &nbsp; Cocktails</a><br>';
 
function fermer(e)
{
document.getElementById("rubrique"+e).innerHTML = '';
document.getElementById("rubrique"+e).style.position = 'absolute';
}
 
function go(n)
{
document.getElementById("rubrique"+n).style.position = 'relative';
 
	if(n == 1)
        {
        document.getElementById("rubrique"+n).innerHTML = rub1 + "   <a href='javascript:fermer("+n+")' style='font-family: Verdana, Arial, Helvetica, Sans-serif;font-size: 10px;color:#B8C8FE;text-decoration:underline;'><b>Fermer</b></a>";
        }
 
}
Je ne sais pas comment modifier

Merci à ceux qui pourront m'aider

GÄrg[/code]