Créer un accordéon en css jQuery

Comment créer un accordéon simple grâce à jQuery et css

Voici un exemple de code pour obtenir un accordéon. Les panels de chaque accordéon sont en display:none par défaut. Grâce au jQuery les simples fonctions slideDown(), slideUp() vont nous permettre de révéler le contenu. Dans l’un des accordéons, on insère une image minature. Au clic sur cette image, une popup s’ouvre pour voir l’image agrandie. Ici on joue avec la propriété transform:scale pour donner un effet de zoom à l’image.

See the Pen
Accordion CSS/jQuery
by blindDev (@yuyazz)
on CodePen.