[Atrox]

доброго времени суток!
появился такой вопрос касательно меню на JavaScript
есть вот такой скрипт обработки события клика:

if(!document.all && document.getElementById) {
    document.all = function(id) {
         return document.getElementById(id);
    }
}
function show(id){
	var menu = 'menu' + id;
	if(document.all(menu) != null){
		if(document.all(menu).style.display == 'none')
        {
			document.all(menu).style.display = '';
		}
		else{
			document.all(menu).style.display = 'none';
		}
	}	
	CloseOthers(id);	
}

function CloseOthers(id)
{
	var MenuNum = 11;
	var n;
	for(n=1; n<=MenuNum; n++)
	if(document.all('menu' + n) != null)
	{
		if (id!=n)
		{
			document.all('menu' + n).style.display = 'none';
		}
	}
}

собственно само меню в упрощенном варианте:

<div>
<a href='ссылка1' onClick='show(1); return false;' >Уровень1</a></div>
<div id='menu1' style='display: none'>
<ul style="list-style-type:square;">
<li style='font-size:11px; margin-bottom: 2px;'>
<a href='ссылка2'>Уровень2</a></li>
</ul>
</div>

при клике мышкой по первому уровню - меню разворачивается как положено, но не происходит перехода по присвоенной "ссылка1".
при клике по любой строке Уровня2 все в порядке - переход происходит по заданной динамической ссылке2.

вопрос заключается в следующем: как сделать так, что бы при нажатии на первый уровень меню разворачивалось и происходил переход по заданной ссылке с сохранением развернутого выше меню? тоже качается и перехода по ссылке второго уровня. необходимо сохранить резвернутое меню