Bonjour à tous!

Je m'intéresse depuis peu à mootools puisque ce script est compatible, c'est un grand atout en javascript.

Je suis donc débutant dans le domaine, je cherche à faire un menu "display" (oui je ne savais pas comment dire ça autrement).
J'explique:
>utilisateur clique sur le bouton menu:
>>Display: block;
>>Opacité passe à 1;
>utilisateur clique à nouveau sur menu, ou un élément du menu:
>>Opacité passe à 0;
>>Display: none;

Le problème c'est l'ordre des actions.

Si je fais ça:

var menu = $('menu');
$('bouton').addEvent('click', function { el.fade.bind(el, [0]); el.style.display = "none"; } );

Ça ne fonctionne pas bien puisque le menu est caché avant que l'opacité soit réduite !

j'ai essayé comme ça:

$('bouton').addEvent('click', el.fade.bind(el, [0]));
	el.addEvent('complete', function() {
		el.style.display = "none";
	});

Mais rien n'y fait (en même temps c'était un peu moyen comme solution..).

Donc je vous appelle à l'aide.

Merci d'avance .

Ne cache pas le menu avant,mais laisse ta fonction le faire.

Citation : SIDGEY

Ne cache pas le menu avant,mais laisse ta fonction le faire.

La fonction réduit juste l'opacité du menu à 0 mais ne le fait pas disparaître.
Je veux qu'il disparaisse !

Edit : Non rien...