0親メニュー1

<style type=text/css><!--
LI { list-style-type:none; }
A { text-decoration:none; }
A span{font-family:wingdings;}
dir span{font-family:wingdings;}
--></style>
<script type="text/javascript" ><!--
function MyMenu(tName){
   if(document.all){
      tMenu=document.all(tName).style;
      Icon=document.all("f_"+tName);
   }else{
      tMenu=document.getElementById(tName).style;
      Icon=document.getElementById("f_"+tName);
    }
      if(tMenu.display=='none'){tMenu.display="block";Icon.innerHTML="1";}
      else {tMenu.display="none";Icon.innerHTML="0";}

}
// --></script>

<a href="JavaScript:MyMenu('treeMenu1')"><span id="f_treeMenu1">0</span>親メニュー1</a><br>
  <div id="treeMenu1"style="display:none">
    <dir>
     <a href="JavaScript:MyMenu('koMenu1')"><LI><span id="f_koMenu1">0</span>子メニューNo1</a>
        <div id="koMenu1"style="display:none">
         <dir>
         <LI><span>4</span>孫メニューNo1
         <LI><span>4</span>孫メニューNo2
         </dir>
        </div>
     <a href="JavaScript:MyMenu('koMenu2')"><LI><span id="f_koMenu2">0</span>子メニューNo2</a>
        <div id="koMenu2"style="display:none">
         <dir>
         <LI><span>4</span>孫メニューNo1
         <LI><span>4</span>孫メニューNo2
         <LI><span>4</span>孫メニューNo3
         </dir>
        </div>
    <a href="JavaScript:MyMenu('koMenu3')"><LI><span id="f_koMenu3">0</span>子メニューNo3</a>
        <div id="koMenu3"style="display:none">
         <dir>
         <LI><span>4</span>孫メニューNo1
         <LI><span>4</span>孫メニューNo2
         <LI><span>4</span>孫メニューNo3
         </dir>
        </div>
    <LI><span>4</span>子メニューファイル
    </dir>
  </div>