Kod:
<a href="javascript:;" onclick="showmenu('item1')">Item1</a>
<a href="javascript:;" onclick="showmenu('item2')">Item2</a>
<a href="javascript:;" onclick="showmenu('item3')">Item3</a>
<div style="display: hidden;" id="item1">
<a href="link1-1.html">Link 1-1</a>
<a href="link1-2.html">Link 1-2</a>
<a href="link1-3.html">Link 1-3</a>
</div>
<div style="display: hidden;" id="item2">
<a href="link1-1.html">Link 2-1</a>
<a href="link1-2.html">Link 2-2</a>
<a href="link1-3.html">Link 2-3</a>
</div>
<div style="display: hidden;" id="item3">
<a href="link1-1.html">Link 3-1</a>
<a href="link1-2.html">Link 3-2</a>
<a href="link1-3.html">Link 3-3</a>
</div>
<script type="text/javascript">
strLastItem = "item1";
function showmenu(strItem) {
document.getElementById(strLastItem).style.display = "none";
document.getElementById(strItem).style.display = "";
strLastItem = strItem;
}
</script>
Nåt sådant borde funka.. Om du använder något bibliotek som t.ex jQuery (jquery.com) så går det göra smidigare och enklare