Tagaccordéon

[javaScript] Un accordéon avec l’attribut HTML onClick

Problème: les composants Accordéon de Bootstrap et Foundation font lagguer l’affichage sur des pages longues (lorsqu’ils sont initialisés trop de fois).

Solution: ne pas les utiliser, mais préférer une petite fonction « ouvrir/fermer » qui s’active via un onClick="$(this).<ma_fonction>();" placé sur l’élément qui déclanche l’ouverture/fermeture.

[jQuery] Une navigation responsive par onglets en vue Desktop et accordéon en vue Mobile

Demo sur jsfiddle.net.

HTML

SASS

jQuery

[jQuery] Créer un accordéon simple

Ressources en ligne :

Solutions « maison » :

Source : jsfiddle.net – Créer un accordéon basique avec jQuery

Gérer l’activation/désactivation de l’accordéon en fonction du breakpoint avec enquire.js et les méthodes On, Off

Autres techniques (plus anciennes)

Variante en mode ‘drop-down’ :

© 2020 devfrontend.info

Theme by Anders NorénUp ↑