JavaScript 展開型メニュー
2001/4/4update

　このサイトでよく使っている、左フレームにメニューを置いて、そのメニューを展開型にしているJavaScriptはかなり単純なものだ。
　まずは、展開型メニューを使いたいページに、下のスクリプトを<HEAD>と</HEAD>の間に入れる。

<script language="JavaScript">
<!--
function treeMenu(id) {
 var disp = document.all(id).style.display;

 if(disp != "none" || disp == "") {
   document.all(id).style.display = "none";
  }
 else {
   document.all(id).style.display = "block";
  }
}
//-->
</SCRIPT>
　そしたら、準備完了。あとは、クリックされる範囲を

　<span onClick="treeMenu('hogehoge')"><span>で囲み、

　そこをクリックしたら表示される箇所を、

　<span style="display:none" id="hogehoge"><span>で囲めばオッケーだ。

　なお、展開する部分が複数ある場合は、hogehogeの部分を任意で変えることにより対応できる。全部一緒にしておくと、一気に展開されたりする。使用例は、このサイトのどっかのページを見て下さい。
　注意事項としては、現在、Mac版のIE5でしか正常に動作はしない。他のブラウザを使っている人はあきらめてください。
Mail to Imasa