Question FAQ?
Réponse faq
Autre question ?
Explications :
- HTML : Structure de l'accordéon avec plusieurs questions/réponses.
- CSS :
- Le signe
+
est ajouté avec::after
. - Il devient
-
lorsqu'on ajoute la classe.active
auh3
. - Les réponses sont masquées avec
display: none
.
- Le signe
- 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
.
- En cliquant sur un
.html
. 😊