[SOLVED] Show Hide Menus

[dropfaith]

How would i make this so if theres more then one menu click on them closes all other open menus

 

http://dropfaithproductions.com/test/blogs.php its live there  i just need it so you can only have one menu open at a time

 

  function showElement(layer){
var myLayer = document.getElementById(layer);
if(myLayer.style.display=="none"){
myLayer.style.display="block";
myLayer.backgroundPosition="top";
} else {
myLayer.style.display="none";
}
}

 

				<li><a href="#" class="button" onclick="javascript:showElement('v-menu2')">Links</a>
				<ul id="v-menu2" class="v-menu2" style="display:none;">

[Ken2k7]

What are the menus?

 

The way would be to loop through and find the menus that are open and close them, leaving the one you selected to be open.

[dropfaith]

im new tpo javascript the menus are for blogs links and gallerys

 

 

http://dropfaithproductions.com/test/index.php

[Ken2k7]

Give this a try:

function showElement (layer){
var hideOthers = document.getElementsByTagName("ul"), hlen = hideOthers.length;
while (--hlen > -1) {
	var tehElem = hideOthers[hlen];
	if (tehElem.id !== undefined && tehElem.id != layer && tehElem.className == "v-menu" && tehElem.style.display != "none") tehElem.style.display = "none";
}
var myLayer = document.getElementById(layer);
if (myLayer.style.display == "none") {
	myLayer.style.display = "block";
	myLayer.backgroundPosition = "top";
}
else {
	myLayer.style.display="none";
}
}