Mausklick soll text erweitern/einblenden

[Michael M]

Hi!

Ich hab ein Problem das ich leider nicht im Forum gefunden habe, :(

Ich möchte das ich verschiedene Überschriften auf meiner Seite habe und das wenn man diese anklickt der entsprechende Artikel dazu ausklappt!

Im Prinzip wie bei diesem Beispiel hier http://css.fractatulum.net/sample/css_spec3.htm

nur das ich das halt nicht mit textarea machen möchte da in dieser sich  keine Formatierungen verwirklichen lassen!
Wenn es möglich ist würde ich eine Lösung ohne Java bevorzugen aber wenn es nicht anders geht dann auch mit!

Es soll aber nicht wie in einem Navmenu mit :hover der Text erscheinen, sondern beim klicken und der Text sollte auch wieder verschwinden wenn man erneut klickt!

Danke an alle die hier Posten, bin nämlich langsam verzweifelt!

Gruß MM

[Gunnar Bittersmann]

Michael,

Mit CSS liegst du schon richtig, so lässt du die Elemente erstmal nicht anzeigen.

Ein wenig JavaScript wird wohl auch nötig sein, da du etwas Dynamisches machen willst: nämlich die display-Eigenschaft von Elementen von hidden auf block ändern.

http://de.selfhtml.org/javascript/objekte/style.htm sollte dir helfen, anstellen von getElementsByTagName() benutzt du getElementById()

Vergiss aber nicht, eine Alternative ohne JavaScript anzubieten, den Inhalt lesen zu können.

Gruß,
Gunnar

[Michael M]

Danke Gunnar!

Habs schon geschafft. wie funktioniert das denn jetzt das sich bei erneutem Klicken der Text wieder versteckt?

mit if hab ich versucht klappt aber nicht wahrscheinlich wegen einer falschen Bedingung!

function sichtbar() {
if (document.getElementById("123").style.display = "none"){
   document.getElementById("123").style.display = "block";
}
else
{document.getElementById("123").style.display = "none";
}
}

naja hoffe ihr habt bessere Ideen!

MM

[Gunnar Bittersmann]

if (document.getElementById("123").style.display = "none")

Michael,
Hier willst du vergleichen, nicht zuweisen. Also ==
Gunnar