Spoiler Code funkt nicht

[ngoci]

Hallo,

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

<style type="text/css"> div.test { height: 20px; overflow: hidden; border: 1px solid #000; } div.test:hover { height: 200px; border: 1px solid #FF0000; }
</style>
<div class="test"> Alles lesen?<br> <br> <br> <br> <br> Der versteckte<br> Text!<br> </div>

Kann mir da jemand bitte weiterhelfen?

 

[Cheffchen]

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

 

[mermshaus]

Das hier könnte interessant sein:

- http://www.html.de/php/28369-spoiler-erstellen.html#post216080

Müsste mal nach jQuery portiert werden.

 

[ngoci]

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. :(

 

[threadi]

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

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

 

[ngoci]

Geht es auch ohne Java?

 

[Cheffchen]

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

 

[mermshaus]

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