ツリー（折畳み）メニューを実現するには

<html>
<head>
<title>Sample</title>
<script type="text/javascript"><!--
function exMenu(tName)
{
tMenu = document.getElementById(tName).style;
if (tMenu.display == 'none')
{
tMenu.display = "block";
}else{
tMenu.display = "none";
}
}
// --></script>
</head>
<body>
<a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト<br>
<div id="treeMenu1" style="display:none">
├<a href="http://www.yahoo.co.jp/">Yahoo!</a><br>
├<a href="http://www.google.co.jp/" >Google</a><br>
└<a href="http://www.msn.co.jp/home.armx">MSN</a><br>
</div>

<a href="javaScript:exMenu('treeMenu2')">＋</a>■検索サイト２<br>
<div id="treeMenu2" style="display:none">
├<a href="http://www.infoseek.co.jp/">Infoseek</a><br>
├<a href="http://www.goo.ne.jp/" >Goo</a><br>
└<a href="http://www.excite.co.jp/">Excite</a><br>
</div>
</body>
</html>

・サンプルを実行
・サンプルをダウンロード
逆引きクイックリファレンス JavaScript　説明などは本書を参考にしてください。