spoiler bei klick weiteren text anzeigen

Aufklapptexte - Klick auf Text/Link zeigt weitere Texte / Spoiler- und Akkordeon-Effekte (mit oder ohne Javascript in CSS3)

A) Javascript > Spoiler-Effekt

Der Effekt wird in Foren oft "Spoiler" genannt, siehe auch Google >> javascript spoiler

1) http://www.qxm.de/webdesign/20031201-090246 (einfaches auf- und zuklappen)

2) http://demos.mootools.net/Fx.Slide (auf- und zuklappen, auch Slide-Effekt - vertikal/horizontal)

Hinweis von "kuckoobrain": MooTools ist ein JavaScript-Framework, d.h. die MooTools Scripte im Head-Bereich der Seite einbinden. Dann kannst man die Funktionen des Frameworks nutzen.

B) Javascript > Akkordeon-Effekt

Hier gibt es viele verschiedene Arten zu bewundern

http://www.thereaction.de/akkordeon-effekt/

C) CSS3 (ohne Javascript)

Es gibt auch eine Möglichkeit mit CSS3 (Hinweis von humanity)

http://webstandard.kulando.de/post/2010/03/05/css3-transition-tutorial-menu-mit-slide-effekt-im-apple-style

Anmerkung: Getestet mit Firefox 3.6 (Rundungen sichtbar) und Opera 10.x (hier keine Rundungen) - da geht es.

Eigenwerbung

Gute Websites finden und weitersagen (neuer Webkatalog)