Discussion :

[Arsene12]

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

[SpaceFrog]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

de plus js est case sensitive

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#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/

[Arsene12]

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/

[Arsene12]

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

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

Je clique sur Résolu.