Ajouter ou supprimer une Class

Bonjour,

j'ai une Class qui crée une animation. A partir d'un bouton, je voudrai stopper ou relancer cette animation. Je pensais pour cela utiliser toggle class mais ça fonctionne pas. Auriez-vous une idée sur la manière de procéder? Voici le lien :

https://jsfiddle.net/6vvdb88f/1/

Cordialement,
Arsene

Il faut être beaucoup plus rigoureux que cela ...

Code:

---

class != id => $("#animation") != $(".animation)

---

de plus js est case sensitive

Code:

---

$("#animation") != $("#Animation")

---

Et pour finir retirer la class ne suffit pas pour stopper une animation css, il faut explicitement modifier les propriétés css d'animations ce qui peut se fair au moyen d'un class spécifique:
https://jsfiddle.net/6vvdb88f/6/

Merci beaucoup.

Pardon pour l'erreur de casse. Je ne connaissais pas la Class "notransition" stopper une animation en css.

Maintenant, si je veux utiliser qu'un seul bouton, je dois mettre toggleClass pour que ça marche.

https://jsfiddle.net/6vvdb88f/9/

sinon ça fonctionne pas :

https://jsfiddle.net/6vvdb88f/10/

C'est bon, j'ai trouvé comment m'y prendre :

https://jsfiddle.net/6vvdb88f/11/

Je clique sur Résolu.