Menu
Hi,
I have three links on my menu. Menu 1, Menu2 and Menu3.
If i switch from Menu 1 to Menu 2 the text on menu2 will be written on
top of menu1.
How can i make menu 1 auto hided once i click in any of the other menus.
meaning that, i dont want to click on the same menu title to be closed to switch to another menu.
Here is the code:
[code=html]<HTML>
<HEAD>
<title>Switch Tab Menu – Tests</title>
<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=windows-1256″>
<Script language=”JavaScript”>
function switchMenu(obj)
{
var el = document.getElementById(obj);
if(el.style.display != “block”)
{
el.style.display = “block”;
return false;
}
else
{
el.style.display = “none”;
}
}
</script>
</head>
<body>
<table cellpadding=”0″ cellspacing=”0″ width=”100%” border=”0″ valign=”top”>
<tr class=Header>
<td class=trcolor align=center width=33%>
<a onclick=”switchMenu(‘nextstep’);” style=’cursor:pointer;cursor:hand’ title=”!”><b>Menu 1</b></a>
</td>
<td class=”pink_color” align=center width=33%>
<a onclick=”switchMenu(‘nextstep2′);” style=’cursor:pointer;cursor:hand’ title=”!”><b>Menu 2 </b></a>
</td>
<td class=”searchform” align=center width=33%>
<a onclick=”switchMenu(‘nextstep3′);” style=’cursor:pointer;cursor:hand’ title=”!”><b>Menu 3 </b></a>
</td>
</tr>
<tr width=100%>
<td colspan=8 align=right valign=top width=100%>
<div id=”nextstep” style=”display:none;” width=100%>
<table border=0 width=100% align=right cellpadding=”0″ cellspacing=”0″>
<tr>
<td align=right colspan= valign=top><b>
Menu 1 Contents
</td>
</tr>
</table>
</div>
<div id=”nextstep2″ style=”display:none;” width=100%>
<table border=0 width=100% align=right colspan=4 class=”pink_color”>
<tr>
<td align=right colspan= valign=top><b>Menu 2 Contents
</td>
</tr>
</table>
</div>
<div id=”nextstep3″ style=”display:none;” width=100%>
<table border=0 width=100% align=right colspan=4 class=”searchform”>
<tr>
<td align=right colspan= valign=top><b>
Menu 3 Contents
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>
I hope that the point is clear.
Thanks in advance.