<div>'s mit CSS und JS ausblenden? (Mehrere auf einmal.)

[TigerDE2]

Hi!
Ich habe folgendes "Problem":
Ich habe auf einer Seite mehrere <div>'s, von denen ich auf einen klick einige verstecken möchte, z.B.
--
<div>Derhier soll ausgeblendet werden</div>
<div>Derhier soll ausgeblendet werden</div>
<div>Derhier soll NICHT ausgeblendet werden</div>
<div>Derhier soll ausgeblendet werden</div>
<div>Derhier soll auch nicht ausgeblendet werden</div>
<div>Derhier soll ausgeblendet werden</div>
<a href:"javascript:funktion();">klick</a>
--
Meine Frage:
Wie müsste jetzt eine Funktion aussehen, um die entsprechenden Bereiche per CSS auszublenden?
Lassen die sich durch eine gemeinsame id ansprechen?
(z.B. das alle auszublendenden vorher eine id="ausblendbar" bekommen?)
Über jede Hilfe bin ich dankbar. :)
gruß
Christian

[Henning]

Hallo,

Jeder div bekommt seine eigene eindeutige ID.
In die Funktion schreibst du einfach für jeden div ob er sichtbar oder unsichtbar werden soll: document.getElementById("hier ID einsetzen").style.visibility = "un/sichtbar";
Man kann nämlich in eine Funktion durchaus mehrere Ausdrücke schreiben.
Gruß,
Henning

[TigerDE2]

Hi!
Das ist mir schon klar, aber ab 5 Elementen aufwärts ziemlich nervig und aufwendig.
Gibt's da keine einfachere Möglichkeit?
Christian