Template gratuit de foire aux questions (FAQ) et de menu accordéon





 

FAQ accordéon

Baahubali

Caractéristiques

  • CSS, jQuery, Bootstrap (CSS+JS)
  • Cliquer sur un √©l√©ment pour l'ouvrir. Cliquer sur ce même √©l√©ment pour le fermer
  • Ouvrir n'importe quel √©l√©ment ferme celui d√©j√† actif
  • En s'ouvrant un √©l√©ment pousse vers le bas tout ce qui suit
  • Proposition classique
  • Chandigarh, Inde

Image cliquable pour voir l'exemple

faq accordeon de presentation classique

Références

Site web

[Créé / modifié] [05-05-2022 / [05-05-2022]

Cantelli Davide

Caractéristiques

  • CSS, JS, GianniAccordion.js
  • Cliquer sur un √©l√©ment pour l'ouvrir. Cliquer sur ce même √©l√©ment pour le fermer
  • Ouvrir n'importe quel √©l√©ment ferme celui d√©j√† actif
  • En s'ouvrant un √©l√©ment augmente en taille, verticalement ET horizontatement
  • Transition originale de l'icône hamburger
  • Tr√®s jolie proposition
  • Bologna, Italie

Image cliquable pour voir l'exemple

faq accordeon avec debordement horizontal et vertical

Références

Site web

Site de l'auteur

[Créé / modifié] [05-05-2022 / [05-05-2022]

Dzolski Nikola

Caractéristiques

  • CSS, JS
  • Cliquer sur un √©l√©ment pour l'ouvrir
  • Ouvrir n'importe quel √©l√©ment ne ferme pas celui d√©j√† actif
  • En s'ouvrant un √©l√©ment pousse vers le bas tout ce qui suit

Image cliquable pour voir l'exemple

faq accordeon systeme

Références

Site web

[Créé / modifié] [05-05-2022 / [05-05-2022]

Kato Katherine

- Nécessite absolument: 'stopExecutionOnTimeout - 1b93190375 e9ccc259 df3a57c1 abc0e64599724 ae30d7 ea4c6877 eb615f89387.js'

Caractéristiques

  • CSS, JS
  • Cliquer sur un √©l√©ment pour l'ouvrir. Cliquer sur ce même √©l√©ment pour le fermer
  • Ouvrir n'importe quel √©l√©ment ferme celui d√©j√† actif
  • L'entête s√©lectionn√©e devient bleue, l'icône change aussi
  • Tr√®s jolie proposition
  • Seattle, Washington, USA

Image cliquable pour voir l'exemple

faq accordeon systeme

Références

Site web

Site de l'auteur

[Créé / modifié] [05-05-2022 / [05-05-2022]

Maki Chris

Pas vraiment un accord√©on, pas vraiment un menu √† onglets mais c'est chouette quand même !

Caractéristiques

  • CSS, JS
  • Cliquer sur un √©l√©ment ouvert ne le referme pas
  • Ouvrir n'importe quel √©l√©ment ferme celui d√©j√† actif
  • Un menu fixe dans la partie haute, le contenu de chaque ligne affich√© dans la partie basse
  • Middletown, New Jersey, USA

Image cliquable pour voir l'exemple

faq menu accordeon

Références

Site web

[Créé / modifié] [05-05-2022 / [05-05-2022]

RaihanRehan

Caractéristiques

  • CSS, JS
  • Cliquer sur un √©l√©ment pour l'ouvrir. Cliquer sur ce même √©l√©ment pour le fermer
  • Ouvrir n'importe quel √©l√©ment ferme celui d√©j√† actif
  • C'est le syst√®me parfait

Image cliquable pour voir l'exemple

faq accordeon systeme parfait

Références

Site web

[Créé / modifié] [05-05-2022 / [05-05-2022]

Roselli Adrian

- Nécessite absolument: 'stopExecutionOnTimeout - 1b93190375 e9ccc259 df3a57c1 abc0e64599724 ae30d7 ea4c6877 eb615f89387.js'

Caractéristiques

  • CSS, JS
  • Cliquer sur un √©l√©ment ouvert ne le referme pas
  • Ouvrir n'importe quel √©l√©ment ferme celui d√©j√† actif
  • Vertical en mode desktop; Horizontal en mode mobile
  • Buffalo, New-York, USA

Image cliquable pour voir l'exemple

faq accordeon systeme

Références

Site web

Site de l'auteur

[Créé / modifié] [05-05-2022 / [05-05-2022]

Torpey Darren

Caractéristiques

  • CSS pur
  • Cliquer sur un √©l√©ment pour l'ouvrir. Cliquer sur ce même √©l√©ment pour le fermer
  • Ouvrir n'importe quel √©l√©ment ferme celui d√©j√† actif
  • L'ombre de la zone active est un plus
  • Tr√®s jolie proposition
  • Cambridge, Massachusetts, USA

Image cliquable pour voir l'exemple

faq accordeon systeme

Références

Site web

[Créé / modifié] [05-05-2022 / [05-05-2022]