text sichtbar machen

[atlas]

hallo leute.

ich möchte in einer html seite einen text erst sichtbar machen wenn ein link angeklickt wurde. (für ein quiz damit die antworten nicht sichtbar sind)

wie kann man so etwas umsetzen? braucht man dafür javascript oder geht das auch nur mit html und css?

mfg
atlas

[Nightflyer]

Nein, brauchst du Javascript

.fadeIn() – jQuery API

[ksw24]

Hallo,

geht natürlich auch ohne API's aber Javascript muss schon sein.

document.getElementById('id_element').style.display = 'none';
document.getElementById('id_element').style.display = 'block';

http://de.selfhtml.org/javascript/objekte/style.htm

Viele Grüße - ksw24

[webxvideo]

Man könnte da auch was nur mit HTML umsetzen:
Du nimmt ein I-Frame mit einer leeren Seite drin und ein Klick auf Lösung lädt die Lösung in das I-Frame.

Oder Du packst die Lösung in ein Div, und diesen in den Lösungs-Link. Wenn man mit der Maus drüber fährt wird die Lösung sichtbar.

//html
<a href="#" class="loesung">Lösung<div>Und das hier ist die Lösung</div></a>

/*css*/
a.loesung div{
display:none;
}
a.loesung:hover div{
display:block;
}

Aber mit Javascript kann man das natürlich eleganter lösen.

EDIT:
Allerdings läuft die zweite Lösung im IE6 nur mit folgendem Workaround: a:hover span - im IE6
(Also doch wieder JavaScript)