Versteckter Text

[Jr2000]

Hallo, ich hoffe ich bin im richtigem Forum gelandet :)
Ich habe einen Code für einen versteckten Text (Spoiler).
Nur verhält sich das beim anklicken so, dass die ganze Seite nach oben springt und man wieder ganz nach unten scrollen muss um den nun sichtbaren Text zu sehen.
Was mache ich falsch mit dem code? Wie bekomme ich das hin, dass der Text aufklappt, ohne das die Seite nach oben springt?

<title></title>
<style type="text/css">#spoiler {}
#spoiler a {
color:#00000;
text-decoration:none;}
#spoiler a span {
display:none; }
#spoiler a:active span, #spoiler a:focus span {
display:block;}
</style>
<div id="spoiler"><a href="#">Spoiler<span>VERSTECKTER TEXT</span></a></div>

 

[scbawik]

Hallo, ich hoffe ich bin im richtigem Forum gelandet :)
Ich habe einen Code für einen versteckten Text (Spoiler).
Nur verhält sich das beim anklicken so, dass die ganze Seite nach oben springt und man wieder ganz nach unten scrollen muss um den nun sichtbaren Text zu sehen.
Was mache ich falsch mit dem code? Wie bekomme ich das hin, dass der Text aufklappt, ohne das die Seite nach oben springt?

<title></title>
<style type="text/css">#spoiler {}
#spoiler a {
color:#00000;
text-decoration:none;}
#spoiler a span {
display:none; }
#spoiler a:active span, #spoiler a:focus span {
display:block;}
</style>
<div id="spoiler"><a href="#">Spoiler<span>VERSTECKTER TEXT</span></a></div>

<a href="#" onclick="return false;">Spoiler<span>VERSTECKTER TEXT</span></a>

 

[Jr2000]

Da passiert bei mir gar nichts
Gibt es auch einen Code für verstecktem Text mit Button, den ich per Click öffnen und schließen kann?
Geht auch Javascript.

 

[djheke]

Funktioniert doch.

<title></title>
<style type="text/css">#spoiler {}
#spoiler a {
color:#00000;
text-decoration:none;}
#spoiler a span {
display:none; }
#spoiler a:active span, #spoiler a:focus span {
display:block;}
</style>
<div id="spoiler"><a href="#" onclick="return false;">Spoiler<span>VERSTECKTER TEXT</span></a></div>

 

[scbawik]

Funktioniert doch.

<title></title>
<style type="text/css">#spoiler {}
#spoiler a {
color:#00000;
text-decoration:none;}
#spoiler a span {
display:none; }
#spoiler a:active span, #spoiler a:focus span {
display:block;}
</style>
<div id="spoiler"><a href="#" onclick="return false;">Spoiler<span>VERSTECKTER TEXT</span></a></div>

Ist Browserabhängig, denke ich.
Bei mir funktioniert es nur während mousedown.

Hier eine Möglichkeit ohne JS:
http://jsfiddle.net/ozf35cpd/

 

[djheke]

"Irgendwas is ja imma."