Viel Inhalt auf kleinsten Raum – das versprechen sog. “Accordion”- Scripts.
Durch Klick auf definierte Überschriften (o.ä.) wird der zugehörige Inhalt per JavaScript eingeblendet.
Vorteil: kein Seitenreload, daher schnell
Nachteil: der gesamte Inhalt muß geladen werden, auch der vorerst nicht sichtbare.
Wir haben einige solcher Scripts getestet, hier unsere Favoriten:
Das “Simple Javascript Accordions” von www.dezinerfolio.com.
Sehr klein (1,149kb lt. Hersteller), Browserkompatibel , mehrere Darstellungen (u.a. “Tab”) möglich,…
Info / Download: http://www.dezinerf…javascript-accordions
Noch mehr begeistert hat uns jedoch das “FAQ Accordion” von www.projectatomic.com.
Es wird eine “Definition list” verwendet, was in den meisten Fällen semantisch korrekt sein sollte. Auch lassen sich Listen perfekt mit CSS stylen. Sehr positiv ist das HMTL- Markup: es müssen keine IDs vergeben werden, das klassische “dl – dd – dt” einer solchen Liste genügt! Auch an Links für “alles aufklappen / alles zuklappen” wurde gedacht. Verwendet wird wahlweise die jQuery library oder ein separates JavaScript.
Info / Download: http://www.projectatom…faq-accordion
Beide Scripte verwenden nicht “display:none” als vorgegebenen CSS- Eigenschaften, bei deaktiviertem JavaScript ist der Inhalt also normal zu sehen.
Für FAQs, Auflistungen, und ähnliches also bedenkenlos verwendbar…
