dk01 — Fri, 25 Mar 2005 16:29:02 +0000

I don't understand why your code didn't work. Its a very odd problem. I fooled around for a while and kept getting the same problems. I finally discovered this working code. You can fool around with it but I would make sure to check it all the time to make sure its still working.

<html>
<head>
&lt;script type="text/javascript" language="Javascript"&gt;

	function toggleMenu(currMenu) {
		if (document.getElementById) {
			if(document.getElementById(currMenu).style.display == "none") {
				document.getElementById(currMenu).style.display = "block";
			} else {
				document.getElementById(currMenu).style.display = "none";
			}
		}
	}

&lt;/script&gt;

<style type="text/css">
.menu {
	display:block;
}
</style>
	
</head>
<body>
<h3><a href="javascript:void(0);" onclick="toggleMenu('menu1')">Main Menu 1</a></h3>
<ul class="menu" id="menu1">
	<li>linky</li>
	<li>linky</li>
	<li>linky</li>
	<li>linky</li>
</ul>

<h3><a href="javascript:void(0);" onclick="toggleMenu('menu2')">Main Menu 2</a></h3>
<ul class="menu" id="menu2">
	<li>linky</li>
	<li>linky</li>
	<li>linky</li>
</ul>

<h3><a href="javascript:void(0);" onclick="toggleMenu('menu3')">Main Menu 3</a></h3>
<ul class="menu" id="menu3">
	<li>linky</li>
	<li>linky</li>
	<li>linky</li>
</ul>
</body>
</html>

-dk