Dieses Script unterteilt eine Seite in einzelne Sektionen, die mittels eines "Buttons" angezeigt und auch wieder verborgen werden.
Es war mir wichtig, dass das Script ohne zusätzliche Dateien eingesetzt werden kann. So ist es z.B. ideal für kleine "One-Pager", "Tutorials" oder für eine FAQ-Seite. Die einzelnen Komponenten habe ich als Module bereits vorbereitet, damit es einfacher wird, wenn man beliebig viele Kapitel benötigt (8 Module finden Sie in der ZIP-Datei). Diese Module können in der Seite in Folge eingefügt werden. Anschließend können Sie Ihre Inhalte zwischen <section> und </section> einfügen.
Das Script besteht aus HTML, CSS und Javascript. Ich habe bewusst kein Bootstrap oder jQuery verwendet, da die Codemenge, die durch diese JS-Dateien hinzu geladen würde, in keiner Relation zur Funktionalität stehen würde. Desweiteren ist das Script so viel leichter an eigene Bedürfnisse anpassbar und für Einsteiger wesentlich besser geeignet, den Quellcode zu verstehen und anzupassen.
Im ersten Abschnitt befindet sich der CSS-Teil. Hier können Fontfamilie, - Größe, - Farbe geändert werden. Das Script passt sich an Ihr Inklusiv-Objekt ''</> HTMLCode'' an. Dann wird für jede neue Anzeige ein weiteres Script-Modul angefügt und Sie müssen nur noch Ihren Inhalt einfügen. Hierbei verwenden Sie am Besten HTML-Code. Sie können auch PHP-Code einfügen, wenn Sie ihre Seite auf PHP einstellen.