test FAQ Schema vania

Question FAQ?

Réponse faq

Autre question ?

Explications :

  1. HTML : Structure de l'accordéon avec plusieurs questions/réponses.
  2. CSS :
    • Le signe + est ajouté avec ::after.
    • Il devient - lorsqu'on ajoute la classe .active au h3.
    • Les réponses sont masquées avec display: none.
  3. jQuery :
    • En cliquant sur un h3, la classe .active est ajoutée ou supprimée.
    • La réponse associée s'affiche ou se cache avec un effet fluide grâce à slideToggle.
Copie-colle ce code et teste-le directement dans un fichier .html. 😊

Infos compémentaires sur cet article

LAISSEZ UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.