DIVs via JS ausblenden

Theoretisch brauchst du deinen Div's keine eigenen ID's vergeben wenn du sie nicht noch einzeln ansprechen willst.
Wenn du auf prototype und andere frameworks verzichten willst die die Funktion getElementsByClass hinzubasteln würden, kannst do auch einfach sowas wie folgendes machen:

Code:
<script type="text/javascript">

function hideToggle(tag,klasse) {
	elements = document.getElementsByTagName(tag)
	for (elem in elements) {
		if (elements[elem].className == klasse) {
			if (elements[elem].style.display == "none") {
				elements[elem].style.display = "";
			} else {
				elements[elem].style.display = "none";
			}
		}
	}
}



</script>

<div class="nametag" style="border:1px solid green;"> Ich will versteckt werden! <span class="weg" style="display:none;">Hoppala, da stand ja noch was...</span></div>
<div class="nametag" style="border:1px solid red; display:none; background-color:#ff00ff;"> ich war vorher versteckt <span class="weg">...blubb</span></div>
<div class="nametag" style="border:1px solid red;"> ich auch!</div>
<div class="nametag" style="border:1px solid red; display:none; background-color:#00ffff;"> ich auch *boogie*</div>
<div class="nametag" style="border:1px solid black;"> Und ich erst recht</div>

<span onclick="hideToggle('div','nametag')">mach sie weg oder zeig mir die anderen</span> || <span onclick="hideToggle('span','weg');">Mach nur die spans in den divs weg/wieder hin</span>
 
Zurück