// JavaScript Document<Script language="JavaScript">

function treeMenu(Id){
menu = document.getElementById(Id).style;
if(menu.display == "none")
menu.display="block";
else
menu.display="none"
}

/*<DIV ID="main" style="display:none">
├<A href="script_sample_18_02.html" target="mainFrame">Top</A><BR>

├<A href="JavaScript:treeMenu('animal')">xxxx</A><BR>
 <DIV id="animal" style="display:none">
│├<A href="xxxx.html" target="mainFrame">xxxx</A><BR>
│└<A href="xxxx.html" target="mainFrame">xxxx</A>
</DIV>
 ├<A href="JavaScript:treeMenu('tenki')">xxxx</A><BR>
 <DIV id="tenki" style="display:none">

│├<A href="xxxx.html" target="mainFrame">xxxx</A><BR>
│└<A href="xxxx.html" target="mainFrame">xxxx</A>
</DIV>
 └<A href="JavaScript:treeMenu('etc')">xxxx</A>
 <DIV id="etc" style="display:none">
　├<A href="xxxx.html" target="mainFrame">xxxx</A><BR>
　└<A href="xxxx.html" target="mainFrame">xxxx</A>

</DIV>
</DIV>
*/


function tree(id) {

myStartFlg = 1;
myStopFlg1 = 1; 
myStopFlg2 = 1; 
myStopFlg3 = 1; 

if (document.getElementById(id).style.display == "block")
  document.getElementById(id).style.display="none";
 else document.getElementById(id).style.display="block";



}