Accordion - Vanilla JS

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("mailto:udo.schmal@t-online.de")

		*           
Sammy

Sammy

E-Mail:	sammy@gocher.me("mailto:sammy@gocher.me")


Udo oder Sammy

HTML:

accordion.htm("http://www.gocher.me/code/accordion/accordion.htm")

JavaScript:

accordion.js("http://www.gocher.me/code/accordion/accordion.js")

StyleSheet:

accordion.css("http://www.gocher.me/code/accordion/accordion.css")