[x-yuri]

я бы сделал как-то так:

<style>
 
p { margin: 0px }
body { font-size: 11px; font-family: verdana; line-height: 17px }
.sub { padding-left: 20px; display: block }
.menu { cursor: pointer; display: block }
a { text-decoration: none; color: #000000 }
 
</style>
 
<script language=JavaScript>
 
function show( node ) {
 
	if( arguments.callee.prv )
		arguments.callee.prv.style.display = 'none';
 	do {
		node = node.nextSibling;
	} while (! node.tagName);
	arguments.callee.prv = node;
	node.style.display = 'block';
}
 
</script>
 
<span class="menu" onclick="show(this)">+ Статьи</span>
 
<span class="sub" id="sub1" style="display: none">
<p><a href='http://'>Интернет</a></p>
<p><a href='http://'>JavaScript</a></p>
</span>
 
<span class="menu" onclick="show(this)">+ Рейтинг</span>
 
<span class="sub" id="sub2" style="display: none">
<p><a href='http://'>Главная</a></p>
<p><a href='http://'>Регистрация</a></p>
<p><a href='http://'>Статистика</a></p>
</span>
 
<span class="menu" onclick="show(this)">+ Форум</span>
 
<span class="sub" id="sub3" style="display: none; border: 3px">
<p><a href='http://www.webobzor.net'>Регистрация</a></p>
<p><a href='http://www.webobzor.net'>Cообщения</a></p>
<p><a href='http://www.webobzor.net'>Поиск</a></p>
</span>

1) нету глобальной переменной, 2) не нужно задавать id для всех подменю и привязывать обработчики к своим подменю - функция show сама все находит