とある規約に従ったメニュー

a.html

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
         <head>
                 <title>tree test</title>
                 <link rel="stylesheet" href="sample.css" type="text/css">
                 <script type="text/javascript" src="sample.js"></script>
         </head>
         <body>
                 <ul>
                         <li><span onclick=&#39;foo("c1");&#39;>chapter1</span></li>
                         <ul id=c1 class="invisible">
                                 <li>section1</li>
                                 <li><span onclick=&#39;foo("s2");&#39;>section2</span></li>
                                 <ul id=s2  class="invisible">
                                         <li>subsection1</li>
                                         <li>subsection2</li>
                                 </ul>
                                 <li>section3</li>
                         </ul>
                         <li>chapter2</li>
                 </ul>