Zurücksetzen von Visible

Ok hab mir noch hilfe von einem Klassenkammeraden geholt. Mit links ist das viel eleganter.

HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
	<title>Toggle</title>
	<script type="text/javascript">
		function toggle(objectID, clssName) {
			var divs = document.getElementsByTagName('div');
			for (var n = 0; n < divs.length; n ++) {
				if (divs[n].className != clssName) continue;
				divs[n].style.display = "none";
			}
			document.getElementById(objectID).style.display = "block";
			return false;	
		}
	</script>
</head>
<body>

<div id="bss1" class="toggler" style="display: none;">test1</div>
<div id="bss2" class="toggler" style="display: none;">test2</div>
<div id="bss3" class="toggler" style="display: none;">test3</div>

<a href="#" onclick="return toggle('bss1', 'toggler')">Zeige Test1</a>
<a href="#" onclick="return toggle('bss2', 'toggler')">Zeige Test2</a>
<a href="#" onclick="return toggle('bss3', 'toggler')">Zeige Test3</a>

</body>
</html>

Ungefähr so;) wen es ein Div gibt das kein Test ausspucken soll bzw. etwas anderes zeigen soll, dann einfach das onclick weg lassen.

Jetzt ist das ganze OK genau das brauch ich.

Danke für eure Hilfe. Auch eine möglichkeit:)

Gute Arbeit.
 

Neue Beiträge

Zurück