Text anklicken ==> anderer Text wird sichtbar?

Hallo!
Ich wollte fragen, ob (oder besser: wie) es möglich ist, dass man einen Text hat, auf den man klicken muss, um einen anderen zu zeigen, und einen anderen, um diesen wieder zu verstecken, also so:

A
(Zeigen) <--Beim Klick hierauf wird der rote Text gezeigt
(Verstecken) <--Beim Klick hierauf wird der rote Text nicht mehr gezeigt.
Aachen
Aal
ab

Das müsste mit Javascirpt realisirbarsein^^ blos kp wie xD

dazu braucht man html, css und javascript

du fägst diesen code in ein leeres textdokument ein, speicherst dies unter dem namen klapptext.js (dabei ist die Dateiendung JS wichtig!)

klapptext.js

Code:

function anzeigen(das){
if(document.getElementById(das).style.display=='none')
document.getElementById(das).style.display='block';
else document.getElementById(das).style.display='none';}

Diese Datei lädst du dann auf Webspace hoch

Danach fügst du diese in den head-Bereich deines HTML/PHP-Dokumentes ein:

Code:

<script type="text/javascript" src="klapptext.js"></script>

Dabei musst du halt den Pfad der Datei noch anpassen

In deinem Seiteninhalt musst du jedes Mal diesen Code nehmen:

Code:

<a href="javascript:anzeigen('div1');" class="ktext">Überschrift 1 (klick mich doch an)</a>
<div style="display: none;" id="div1">

Ich bin der ausgeklappte Text, wenn du auf die Überschrift klickst verschwinde ich wieder ;-)

</div>

<a href="javascript:anzeigen('div2');" class="ktext">Überschrift 2</a>
<div style="display: none;" id="div2">

Ich bin wieder ein ausgeklappter Text... :-)

</div>


Wenn du den Code erweiterst, musst du immer darauf achten, dass du div1, div2, div3 usw. benutzt.

Die Links und den Text kannst du noch mit CSS formatieren, wenn du willst...

Aber sag bitte bescheid, ob es funktioniert!


Wenn du unbedingt 2 verschiedene Links haben willst, dann schau dir das da mal an:

http://www.cybton.com/tutorials_show,tut,1232.html

Nö, brauch ich nicht unbedingt, zwei unterschiedliche Links.
Es klappt, danke

Gerne und danke fürs Feedback.