Hallo,

ich weiß mir hierbei leider nicht zu helfen und mangels Fachwissen auch nicht wonach zu suchen ist, sodass ich bisher zu keinem Ergebnis kam, obwohl ich recht sicher bin, dass dieses Thema schon oft behandelt wurde.

Zur leichteren Verständlichkeit habe ich euch etwas angehängt. (Siehe ZIP-Archiv, falls die Grafik aufgrund der Größenbeschränkung nicht angezeigt wird)

Ich habe quasi eine gewisse Anzahl an "Leisten" hinter, die alle anklickbar sind. Sobald eine solche Leiste angeklickt wird, soll sie sich zu einem größeren Kasten entfalten, der dann mehr Inhalt darstellen kann.

Dazu ist notwendig, dass sich die Grafiken, die für die Darstellung der Leiste bei Klick verändern. Es handelt sich hier um einen Verlauf, wie man erkennen kann.

Wenn der Kasten geöffnet ist, soll der ursprüngliche Verlauf der Leiste also gestreckt über den ganzen Kasten dargestellt werden.

Nach einem weitern Klick auf den "Kopfbereich" des Kasten (= also der Platz, an dem die ursprüngliche Leiste war) soll sich der Kasten dann wieder schließen und die alte Leiste dargestellt werden.

Ich suche nach einer möglichst simplen Lösung, die auf CSS oder auch AJAX basiert, und kein Neuladen der Seite benötigt.
Ob das öffnen animiert oder schlagartig vonstatten geht spielt keine Rolle.

Ich hoffe ich hab euch nicht unnötig verwirrt.

Vielen Dank für eure Hilfe.

Angehängte Grafiken

bsp2.jpg (12,9 KB, 9x aufgerufen)

Angehängte Dateien

beispiel.zip (20,1 KB, 0x aufgerufen)

Du suchst nach einem Accordion Script:
» 10 Javascript Accordion Scripts

Mein Favorit: http://www.stickmanlabs.com/accordion

Klasse, vielen Dank!

Das ist genau das was ich gesucht habe.

Jetzt muss ich nur noch durchsteigen, um das auf meine Zwecke anzupassen.