Akkordion Effekt mit Weblication Liste
29. Dezember, 2009Der Akkordion Effekt ist eine bereits weit verbreitete Javascript Technik, um viele Informationen auf einer Seite strukturiert und übersichtlich darzustellen. Dabei wird dem Benutzer nur ein Teil der Informationen angezeigt und mithilfe von Javascript andere Teile ausgeblendet, sowie bei Bedarf wie ein Akkordion aufgezogen und dargestellt.

Eine der wohl bekanntesten Beispiele für das Akkordion ist apple.com, dort wird es zum Beispiel auf der Unterseite Downloads im linken Seitenbereich genutzt. Allerdings gibt es auch zahlreiche andere Möglichkeiten den Effekt einzusetzen, so wird in diesem Beitrag gezeigt wie es auf einer Weblication Website mithilfe einer Liste eingesetzt werden kann, zum Beispiel für ein FAQ Bereich. Eine Umsetzung und Darstellung ist auf der Website hametum.de im Bereich Häufige Fragen zu sehen. Somit ist die Darstellung nicht nur besonders interessant und schön anzuschauen, sondern ebenfalls auch noch einfach über Weblication zu pflegen.
Nun zu den einzelnen Code-Fragmenten und wie dies umgesetzt wird:

