Responsive tabs
Personal experimentation, no guarantee that it works for you
Explication (in french) :
Présente des sections de contenu en accordéon sur les petits devices et en onglet sur les plus grand.
Ce que peut faire le plugin :
- Plusieurs tabs par page possible
- Lors du resize, les onglets actifs le reste
- Pour petit device, tous les onglets sont fermés par défaut
- Pour grand device, le premier onglet est activé
- Une méthode permet d'ouvrir manuellement un onglet
- Compatibilité : IE8 +
DĂ©pendances :
- MatchMedia.js : pour utiliser un breakpoint comme en CSS (en px, ems ou rems)
- jquery.scrollTo.js : pour le déplacement du scroll en mobile
Style par défaut :
- La feuille de style responsiveTabs.css contient des styles pour le layout (indispensable) et quelques styles pour la demo qui peuvent ĂȘtre modifiĂ© ou supprimĂ©.
- La version original en SCSS est fournie : si vous souhaitez modifier les styles de la démo et que vous n'utiliser pas SASS, vous pouvez compilé en ligne.