Может, как-то так:
<div id="menu">
<ul>
<li onclick="openMenu(1)"><b>menu1</b>
<ul id="menu1" style="display:none">
<li>menu1_1</li>
<li>menu1_2</li>
<li>menu1_3</li>
<li>menu1_4</li>
</ul>
</li>
<li onclick="openMenu(2)"><b>menu2</b>
<ul id="menu2" style="display:none">
<li>menu2_1</li>
<li>menu2_2</li>
<li>menu2_3</li>
<li>menu2_4</li>
</ul>
</li>
<li onclick="openMenu(3)"><b>menu3</b>
<ul id="menu3" style="display:none">
<li>menu3_1</li>
<li>menu3_2</li>
<li>menu3_3</li>
<li>menu3_4</li>
</ul>
</li>
</ul>
</div>
<script>
function openMenu(a)
{
if(document.getElementById('menu'+a).style.display == 'none')
{
document.getElementById('menu'+a).style.display == '';
}
else
{
document.getElementById('menu'+a).style.display == 'none';
}
}
</script>