..
　■Home−JavaScriptサンプル集−HPアクセサリー−ツリーメニュー−プログラムの解説
+1JavaScript　無料のフリースクリプト集...
□JavaScript
├□window
│├□window.alert
│├□window.open
│└□window.close
├□navigator
└□DOM
□Sample Program
 ◇ツリーメニュー

　ツリーメニューがあればコンテンツが多くてもHPがすっきりします。クリックするとサブツリーが開きもう一度クリックするとツリーが閉じます。
　◎このコードは『とほほのWWW入門』を参考にさせてもらいました

　プログラムの解説
◇プログラムリスト(treemenu.js)

　注釈を参考にしてください。

function treeInit()//　ツリーメニューの初期設定
{
   if(!document.getElementsByTagName){return;}//　DOMをサポートしていなければ実行しないで抜けます
   var objs=document.getElementsByTagName("div");//　HTML中の「div」タグを取得
   for(var i=0;i<objs.length;i++)//　クラスネーム「titem」を探して非表示にします
   {
      if(objs[i].className=="titem")
      {
      objs[i].style.display="none";
      }
   }
}
function treeFunc(id)//　ツリーを消したり表示したりする関数です
{
  if(!document.getElementsByTagName){return false;}//　DOMをサポートしていなければ実行しないで抜けます
   var obj=document.getElementById(id);//　ツリーのオブジェクトを取得
   if(obj.style.display=="block")//　表示←→非表示の処理
   {
      obj.style.display="none";
   }else{
      obj.style.display="block";
   }
   return false;
}

..

..


..