[Résolu] Animation d'un menu

Bonjour,

Je travaille actuellement sur un menu. Le problème est que lorsque que je clique plusieurs fois, il s'anime plusieurs fois. Y-a-t-il une façon de faire en sorte qu'il s'anime qu'une seule fois? Je connais la méthode 'stop()' de jQuery mais en Vanilla JS, je connais pas d'équivalent. J'ai essayé de jouer avec les classes et les booléens mais en vain.

Si quelqu'un peut m'aider

Voila mon menu:
https://jsfiddle.net/org031nu/1/

Tu pourrais ajouter une classe d'état qui s'ajoute à l'animation et qui se retire à la fin, avec une condition qui fait que, quand la classe est présente, tu ne puisses pas faire jouer l'anim'. Il y a certainement mieux à faire...

PS : en aparté, pour des raisons d'optimisation on peut réécrire la boucle for() comme ceci :

for(var i = 0, len = menuItems.length; i < len; i++)

Modifié par Olivier C (20 Feb 2017 - 16:57)

On peut aussi utiliser removeEventListener dans la fonction qui est passée à addEventListener, elle va enlever l'événement déclencheur. À utiliser avec les mêmes arguments.