<script type="text/javascript"><!--
var A=document.getElementById('CA').getElementsByTagName('A');
var C=new Array(); var t=new Array(); var F=new Array(); I="";  n=0;
/*--------------------- 各カテゴリの説明 -------------*/
t[1]="";
t[2]="";
t[3]="";
t[4]="";
t[5]="";
t[6]="";
t[7]="";
t[8]="";
t[9]="";
/*---------------------- グループ（大カテゴリ） --------*/
C[1]="GROUP-A,1,2,3,+";
C[2]="GROUP-B,4,5,6,-";

/*-------------------------------------------------------*/

for (i=1;i<t.length;i++){if(t[i]!="" && t[i]!=undefined){A[i-1].title=t[i]}}
for (i=1;i<C.length;i++){ p=C[i].split(',');  l=p.length;
 if(l>2){ f=p[l-1];    if(f=="+" || f=="-"){
  l--; if(f=="+"){mk=" ▲"}else {mk=" ▼"}
  I=I+'<p><b onclick="fo(this)">'+p[0]+mk+'</b><span>';
  for (k=1;k<l;k++){ q=p[k]-1;
   if(k==l-1) {s="&nbsp;└ ";r="</span>"} else {s="&nbsp;├ ";r="<br />"}
   I+=s+'<a href="'+A[q].href+'" title="'+A[q].title+'">'+A[q].innerHTML+'</a>'+r;
   A[q].title="-";
 }if(f=="+"){ F[n]=1 } else { F[n]=0 }
 n++;I+="</p>";
} } }
for (i=0;i<A.length;i++){if (A[i].title!="-") { 
  p= A[i].innerHTML.split(' ');
  I+='<a href="'+A[i].href+'" title="'+A[i].title+'"><b>'+p[0]+'</b> '+p[1]+'</a><br />';
} }
document.getElementById('CA').innerHTML=I;

var B=document.getElementById('CA').getElementsByTagName('SPAN');
for(i=0;i<B.length;i++){
 if(F[i]==0){ B[i].style.display="none" } else {B[i].style.display="block" }
}


function fo(x){
 if(x.nextSibling.style.display=="block"){
  x.nextSibling.style.display="none";x.innerHTML=x.innerHTML.replace("▲","▼");
 } else {x.nextSibling.style.display="block" ;x.innerHTML=x.innerHTML.replace("▼","▲")}
} 
//--></script>

　　各グループのサブカテゴリ（枝）の初期の開閉状態を指定するには グループ設定で
C[n]= "グループ名,n1,n2, 〜 ,nx,+(-)";　　 のように末尾に　+ か - を付けて下さい。
+ で表示、　-　で収納になります。　（ * この指定をしないとツリーは作成されませんので御注意を ）
グループタイトルをクリックすることによりサブカテゴリを開閉できます。
（　タイトル末尾に　▼：展開　▲：収納　のシンボルが表示されます）