Show/Hide Detail

ある領域を出したり消したりする JavaScript のコード。よくあるやつ。
ちょっと前にこのBlogのインデックスページで使ってた。

IEでもFFでもOK。

<script language=JavaScript>
<!--
function show_hide(id) {
  if (! document.getElementById) return;
  if (document.getElementById(id).style.display != "block")
    document.getElementById(id).style.display = "block";
  else
    document.getElementById(id).style.display = "none";
}
// -->
</script>
<div id="c1972-01-01-1" style="display:none">
出したり消したりする領域です<br>出したり消したりする領域です<br>
出したり消したりする領域です<br>出したり消したりする領域です
</div>
《<span style="CURSOR:hand;COLOR:blue;" 
onclick="show_hide('c1972-01-01-1')">Show/Hide Detail</span>》

このコードは対象領域がデフォルトで消えている、つまり div の属性で
style="display:none" となっているんだけど、デフォルトで表示にする
ときは style="display:block" に。

設置例：↓これをクリック！