JavaScript Accordion

Beispiel: ohne großes Framework

Das hier vorgestellte Accordion basiert auf einem UL Element mit der Class "accordion", in den LI Elementen muss sich ein Element mit "sheet-header" befinden, dieses wird zum anclickbaren Titel im Accordion.

Folgende Einstellungen sind möglich:

• keine Attribute : es ist immer nur ein Element aktiv, ist beim Start keine Element aktiv wird das Erste per JavaScript aktiviert, sind beim Start mehrere aktiv bleibt nur das erste Aktive aktiv
• data-allclosed="true" : erlaubt auch das schließen aller Seiten und startet sobald kein Element activ ist auch komplett geschlossen
• data-multiselect="true" : mehrere Elemente können aktiv sein, aber auch kein Element, zum Start als auch zwischendurch

• Udo

  

  Udo Schmal

  Softwareentwicklung

  E-Mail:

  udo.schmal@t-online.de

• Sammy

  

  Sammy

  E-Mail:

  sammy@gocher.me

Udo oder Sammy

HTML:

accordion.htm

JavaScript:

accordion.js

StyleSheet:

accordion.css