<div class="menuleft">
<ui>
<li><a href="#">Заголовок</a></li>
<li>Меню 1</li>
<li>Меню 2</li>
<li>Меню 3</li>
</ui>
<ui>
<li><a href="#">Заголовок 2</a></li>
<li>Меню 4</li>
<li>Меню 5</li>
<li>Меню 6</li>
</ui>
</div>
document.getElementsByClassName('menuleft')[0].onclick = function()
{
var e = event || window.event;
if(e.target.tagName == 'A')
{
var li = this.parentNode.parentNode.getElementsByTagName('li');
for(i=1; i<li.length; i++) li[i].style.display = li[i].style.display ? '' : 'none';
}
}