Vos conseils sur ma fonction de menu !

Hello !
Comme je ne suis pas un crack en javascript, j'aimerais avoir vos conseils sur mon menu.
En gros, je superpose mes 5 menus; et quand on clique sur l'un d'entre eux, les autres s'invisibilisent (merci mootools) pour ne laisser apparaître que le bon.
Mais je ne sais pas si c'est le plus simple pour faire ça...
http://tinyurl.com/2ugpj2

<SCRIPT type="text/javascript">
<!--
function fadeMenu(sec_num) {

	for (i=1; i<=5 ; i++) {
	
		var menu = $('menu'+i);
	
		if (i==sec_num) {
			//menu.style.visibility='visible';
			new Fx.Style(menu, 'opacity', {duration: 1000} ).start(1);
		} else {
			//menu.style.visibility='hidden';
			new Fx.Style(menu, 'opacity', {duration: 1000} ).start(0);
		}
		
	}


}

-->
</SCRIPT>

	<div class="menu" id="menu5"><img src="structure/menu/imgs/imgFR/menu05b.jpg"></div>
	<div class="menu" id="menu4"><img src="structure/menu/imgs/imgFR/menu04b.jpg"></div>
	<div class="menu" id="menu3"><img src="structure/menu/imgs/imgFR/menu03b.jpg"></div>
	<div class="menu" id="menu2"><img src="structure/menu/imgs/imgFR/menu02b.jpg"></div>
	<div class="menu" id="menu1"><img src="structure/menu/imgs/imgFR/menu01b.jpg"></div>

Sur mes liens de catégories :
<a href="#" onClick="fadeMenu(1);">lien1</a>
<a href="#" onClick="fadeMenu(2);">lien1</a>
<a href="#" onClick="fadeMenu(3);">lien1</a>
<a href="#" onClick="fadeMenu(4);">lien1</a>
<a href="#" onClick="fadeMenu(5);">lien1</a>
Modifié par gordie (20 Sep 2007 - 11:26)

Salut,

La question que je me pose, c'est comment tu vas faire pour les liens du second menu ?

A+