<style>
    #menuTop,#menuTop ul{cursor:default;list-style-type:circle}
    #menuTop .m{list-style-type:disc}
    #menuTop ul{display:none}
  </style>
  ...
  <script>
   function showHide(ev){
     ev=ev||window.event
     var elem=(ev.target||ev.srcElement).getElementsByTagName("UL")[0]
     if(!elem)return;
     elem=elem.style;
     elem.display=(elem.display!='block')?'block':'none'
   }
  </script>
  ...
   <ul onclick="showHide(event)" id="menuTop">
    <li><a href="../varia/faq-e.html">Real's HowTo FAQ</a></li>
    <li class="m">Java HowTo
      <ul>
      <li class="m">AWT
        <ul>
        <li class="m">Frame
        <ul>
          <li><a href="../javadetails/java-0222.html">Maximize</a></li>
          <li><a href="../javadetails/java-0225.html">Close</a></li>
        </ul>
        </li>
        </ul>
      </li>
      <li><a href="../masters/java-xml.html">XML</a></li>
      </ul>
    </li>
    <li class="m">Varia
      <ul>
      <li class="m">Funny
        <ul>
        <li><a href="../varia/funny-1.html">First page</a></li>
        <li><a href="../varia/funny-2.html">Second page</a></li>
        <li><a href="../varia/funny-3.html">Third page</a></li>
        </ul>
      </li>
      </ul>
    </li>
    <li><a href="../donate.html">Donate!</a></li>
 </ul>