Прячется меню, нужна помощь!
 

Доброго все времени суток, есть такое меню на javascript и чучуть CSS

<style type="text/css">
.navigator {margin:10px auto 0;width:295px;}
.navigator ul {cursor:pointer;margin:0;list-style-type:none;}
.navigator ul ul li {display:none;margin:0;}
.navigator li {float:right;width:100px;text-align:center;}
</style>
<script type="text/javascript">
var tmpid,am,let,count;
  function tree(letter, amount)
   {
    count=1;
    am=amount;
    let=letter;
    show2();
   }
  function show2()
   {
    if(count<am)
     {
      tmpid = '' + let + count;
      setTimeout('show(tmpid, 1)', 100);
      count++;
     }
      else if(count==am)
       {
        tmpid = '' + let + count;
        setTimeout('show(tmpid, 0)', 100);
       }
   }
  function show(id, flag)
   {
    var el = document.getElementById(id);
    el.style.display = (el.style.display == 'block')?'none':'block';
    if(flag!=0) show2();
   }
</script>

<div class="navigator">
<ul>
 <li onclick="tree('a', 4)">Menu 1
  <ul>
   <li id="a1"><a href="http://trifler.ru/">SubMenu 1.1</a></li>
   <li id="a2">SubMenu 1.2</li>
   <li id="a3">SubMenu 1.3</li>
   <li id="a4">SubMenu 1.4</li>
  </ul>
 </li>
</ul>
</div><br>

Как сделать что бы при нажатии на него, или на любой пункт повторно, оно не пряталось? Выежало, при клике, но уже не пряталось? Признаю я нашел его гдето в нете, пол дня, методом тыка убирал строчки но так ниче и не получилось, помогитк плиз!! Зарание благодарен!

еще очень прошу, подскажите как сделать вот такие скрытые блоки как здесь:
http://www.seocafe.info/dizain-i-ver...-skriptom.html
там где в посте пишет "Оффтоп: Скрыть (кнопка)" очень прошу, хотябы подскажите на какую тему искать.

Прошу прощения вопрос закрыт, нашол аналог:

<div class="spoil"> 
<div class="smallfont">Текст описания спойлера<input type="button" value="Развернуть" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Развернуть'; }"/> 
</div> 
<div class="alt2"> 

<div style="display: none;">
asadsdasd
</div>
</div>
</div>

но если кому не лень, дайте ответ, буду благодарен :)