Versteckter Text

Jr2000 · 30. September 2015 um 00:09

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?

#spoiler {} #spoiler a { color:#00000; text-decoration:none;} #spoiler a span { display:none; } #spoiler a:active span, #spoiler a:focus span { display:block;}

SpoilerVERSTECKTER TEXT

scbawik · 30. September 2015 um 06:56

[HTML]SpoilerVERSTECKTER TEXT[/HTML]

Jr2000 · 1. Oktober 2015 um 00:25

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

djheke · 1. Oktober 2015 um 07:44

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 · 1. Oktober 2015 um 08:10

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>

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

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

djheke · 1. Oktober 2015 um 16:46

„Irgendwas is ja imma.“