とある規約に従ったメニュー
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='foo("c1");'>chapter1</span></li> <ul id=c1 class="invisible"> <li>section1</li> <li><span onclick='foo("s2");'>section2</span></li> <ul id=s2 class="invisible"> <li>subsection1</li> <li>subsection2</li> </ul> <li>section3</li> </ul> <li>chapter2</li> </ul>