Toggle funktion javascript
Hejsa..Jeg er ved at lave en menu, hvori det skal fungere således at når man trykker på linket, så popper der underkategorier frem nedenunder MEN når jeg trykker så virker det kun ved ét af linkene, og trykker jeg på en af de andre er det, det samme link's underkategorier der popper frem hver gang. Ikke de andres. Ja et eller andet sted er der selvfølgelig en fejl, men jeg har ikke arbejdet med det før og kan derfor ikke se fejlen..
Koden ser således ud:
<script type="text/javascript">
function toggle(obj) {
var el = document.getElementById(obj);
if ( el.style.display != 'none' ) {
el.style.display = 'none';
}
else {
el.style.display = 'block';
var elementer = new Array()
elementer[0] = "subcat"
elementer[1] = "subfisk"
for (i=0;i<elementer.length;i++){
if (elementer[i]!=obj) { document.getElementById(elementer[i]).style.display = 'none'; }
}
}
}
</script>
<!-- onclick="toggle('subcat')" -->
<ul class="menu">
<a href="index.php?page=frontpage" class="current"><li>Forsiden</li></a>
<a href="#" onclick="toggle('subcat')"><li>Øjenbrynspiercinger</li></a>
<ul id="subcat" style="display:none;">
<a href="index.php?page=eyebrow_akryl"><li>Akryl</li></a>
<a href="index.php?page=eyebrow_KS"><li>Kirurgisk stål</li></a>
</ul>
<a href="index.php?page=nose_piercings"><li>Næsepiercinger</li></a>
<a href="#" onclick="toggle('subcat')"><li>Læbepiercinger</li></a>
<ul id="subcat" style="display:none;">
<a href="index.php?page=lip_akryl"><li>Akryl</li></a>
<a href="index.php?page=lip_KS"><li>Kirurgisk stål</li></a>
</ul>
<a href="#" onclick="toggle('subcat')"><li>Tungepiercinger</li></a>
<ul id="subcat" style="display:none;">
<a href="index.php?page=tongue_akryl"><li>Akryl</li></a>
<a href="index.php?page=tongue_KS"><li>Kirurgisk stål</li></a>
</ul>
<a href="#" onclick="toggle('subcat')"><li>Brystpiercinger</li></a>
<ul id="subcat" style="display:none;">
<a href="index.php?page=breast_akryl"><li>Akryl</li></a>
<a href="index.php?page=breast_KS"><li>Kirurgisk stål</li></a>
</ul>
<a href="#" onclick="toggle('subcat')"><li>Navlepiercinger</li></a>
<ul id="subcat" style="display:none;">
<a href="index.php?page=belly_akryl"><li>Akryl</li></a>
<a href="index.php?page=belly_KS"><li>Kirurgisk stål</li></a>
</ul>
<a href="#" onclick="toggle('subcat')"><li>Intimpiercinger</li></a>
<ul id="subcat" style="display:none;">
<a href="index.php?page=intimate_akryl"><li>Akryl</li></a>
<a href="index.php?page=intimate_KS"><li>Kirurgisk stål</li></a>
</ul>
<a href="index.php?page=build_piercings"><li>Byg-selv piercinger</li></a>
<a href="index.php?page=other_piercings"><li>Andre piercinger</li></a>
</ul>
</div>
Håber I kan hjælpe!