Вот блин! Потребовалось сделать компактное дерево с неограниченным количеством уровней

<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(obj) {  
if (document.getElementById(obj).style.display == 'none') 
{                                                         
    if (typeof old != "undefined")
    {                                                          
          document.getElementById(old).style.display = 'none'; 
    }                                                          
    document.getElementById(obj).style.display = 'block';      
    old=obj;                                                   
    return (old);                                     
}                                                              
else document.getElementById(obj).style.display = 'none';      
}                                                              

</script>

<span class="menu" onclick="show('sub1')">+ Статьи</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('sub2')">+ Рейтинг</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('sub3')">+ Форум</span>

<span class="sub" id="sub3" style="display: none; border: 3px">
<a href='http://'>Регистрация</a></p>                          
<span class="menu" onclick="show('sub4')">+ Cообщения</span>
              <span class="sub" id="sub4" style="display: none">          
              <p><a href='http://'>Главная</a></p>                        
              <p><a href='http://'>Регистрация</a></p>                    
              <p><a href='http://'>Статистика</a></p>                     
              </span>
<p><a href='http://'>Поиск</a></p>                              
</span>

И чего то я застрял, возникла идея вызывать функцию show, в которой будет указан еще и уровень вложения, например:

... onclick="show('sub4','2')" ....

а как это применить не соображу