Programier Hilfe

[DeletedUser130545]

Heyho ich habe auf meiner Homepage ein kleines Problem, ich habe auf meiner Homeage mehrere Spoiler eingebaut,
öffne ich nun beispielweise den sechsten öffnet sich IMMER der erste egal bei welchen.

hätte jemand ein rat?

<a href='javascript: toggle()'>Grafik</a>
<div id='div1' style='display:none'>
<img src="http://de59.diestaemmekarte.de/graph/player/8230267">
</div>

<script>
function toggle(){
	var div1 = document.getElementById('div1')
	if (div1.style.display == 'none') {
		div1.style.display = 'block'
	} else {
		div1.style.display = 'none'
	}
}
</script>

 

[DeletedUser]

deine funktion toogle wechselt den display-status immer von dem element mit der id div1
uebergib der funktion doch einfach die id wie im bsp. unten und ruf sie dann auf mit argument

<script>
function toggle(divid){
	var div = document.getElementById(divid);
	if (div.style.display == 'none') {
		div.style.display = 'block'
	} else {
		div.style.display = 'none'
	}
}
</script>

 

[DeletedUser130545]

funktioniert irgendwie nicht ganz oder ich setze das falsch ein

 

[DeletedUser]

<a href='javascript: toggle("div1")'>Grafik</a>
<div id='div1' style='display:none'>
<img src="http://de59.diestaemmekarte.de/graph/player/8230267">
</div>

<a href='javascript: toggle("div2")'>Grafik2</a>
<div id='div2' style='display:none'>
<img src="http://de59.diestaemmekarte.de/graph/player/8230267">
</div>

<script>
function toggle(divid){
	var div = document.getElementById(divid);
	if (div.style.display == 'none') {
		div.style.display = 'block'
	} else {
		div.style.display = 'none'
	}
}
</script>

dein code ist zwar nicht sauber aber funzt so