[Marcel1]

Hallo,

bin neu hier und komme gleich mit einer Frage.
Hab nämlich in den letzten Tagen schon gesucht und gesucht. Bin aber nicht so richtig weiter gekommen.

Es geht darum:
Wie realisiert man etwas wie auf der folgenden Seite http://html5please.com/?
Wenn man auf das "+" klickt, öffnet sich der Inhalt und schließen kann man das iframe wieder mit einem Klick auf das "-" Symbol.
Auch der Quelltext dieser Seite hilft mir nicht wirklich weiter.

Gibt es vielleicht irgendwo ein Beispiel mit Quellcode?
Geht das auch ohne Javascript zu realisieren oder ist Javascript zwingend erforderlich?

Vielen Dank schon mal im voraus und allen ein schönes Wochenende!

Grüße Marcel

[mokleini]

das nennt sich "toggle" oder show/hide

das hier ist mit javascript: (ganz unten ist der download link)
http://www.stunicholls.com/various/more.html

[dcn]

http://api.jquery.com/slideDown/

ausschliesslich mit css geht das so, meines Wissens nach nicht. Was man machen könnt wär, ein DIV mit der Größe der headline, overflow:hidden und bei nem :hover setzt man height:auto. Ist aber ugly.

[Marcel1]

Hallo mokleini und dcn,

vielen Dank euch beiden für die superschnellen Antworten, bin schon am testen...

Gruß Marcel

[tschuingum]

Per Pseudoklasse :target solltest du auch mit purem CSS zum Ziel kommen.