Code: Select all
function showmenu(menu_id)
{
document.getElementById(menu_id).style.display='block';
}
Code: Select all
<ul id="top_menu">
<li id="top_menu" onclick="showmenu('menu1')">
About Us
</li>
<ul id="menu1" class="menu">
<li>About the club</li>
<li>How to find us</li>
<li>Contact Us</li>
</ul>
<li id="top_menu" onclick="showmenu('menu2')">
Training
</li>
<ul id="menu2" class="menu">
<li>Training</li>
</ul>
</ul>
My question is, how can i hide other menus when one is open, so a user can only open one menu at a time
For example, a user is viewing menu 1 and clicks the menu 2 link, I need to hide menu1
Thanks,
Lewis