Spoiler Code funkt nicht

Hallo,

Habe den Spoiler Code hier, aber der funktioniert nicht. Wenn ich darauf klicke passiert nichts :frowning:

div.test { height: 20px; overflow: hidden; border: 1px solid #000; } div.test:hover { height: 200px; border: 1px solid #FF0000; }
Alles lesen?




Der versteckte
Text!

Kann mir da jemand bitte weiterhelfen?

Hallo,

also bei klick passiert da nichts nur bei hover :O).
und da hast beim hover kein overflow: visible oder besser gesagt overflow: hidden wird nicht überschrieben.

Cheffchen

Das hier könnte interessant sein:

Müsste mal nach jQuery portiert werden.

Ich habe den Code mal mit visible ausprobiert und der Spoiler öffnet sich, aber ich möchte das die Besucher darauf klicken und der Text erst dann zu sehen ist. :frowning:

Wenn jemand klicken soll, dann musst Du das mit JavaScript abfangen. Eine andere Sprache (HTML, CSS) kann (derzeit) keine Klicks verarbeiten.

.. onclick="deineJavaScriptFunktion();" .. 

Geht es auch ohne Java?

Mit Java? meinst eher Javascript. (JS für faule :O) )
Nur noch mit PHP, ist aber nicht schön da dort dann die ganze Seite neu geladen wird.

JS ist schon die erste wahl

Cheffchen

Mein verlinktes Beispiel nutzt JavaScript mit Klick, wenn verfügbar, und ansonsten CSS per :hover. Anders geht das in diesem Web derzeit nicht.