3 votes

Retournement de la carte au clic, fermeture uniquement avec la boîte de fermeture

J'ai mis en place une animation de retournement de carte.

En cliquant, la carte se retourne.

Le "verso" de la carte comporte une "boîte de fermeture".

Je veux que la carte ne se retourne que lorsque vous cliquez sur la case de fermeture au verso.

Actuellement, j'ajoute une classe au div avec jquery, qui "retourne" la carte.

$(".card").click(function () {
  $(this).toggleClass('flipped');

 });

Voir le stylo ici : https://codepen.io/dtomasch/pen/GBBMEm

Je suis sûr que je vais devoir remplacer "toggleClass" par "addClass", mais je ne sais pas comment cibler le bouton de fermeture et lui demander d'affecter la carte.

Edit : J'ai oublié de mentionner qu'il y a plusieurs instances de .card sur cette page, c'est pourquoi j'ai utilisé $this au lieu de référencer directement .card car cela aurait évidemment retourné toutes les cartes en une seule fois.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X