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

画像

IEでもFFでもOK。

<script language=JavaScript>
<!--
function show_hide(id) {
  if (!document.getElementById) return;
  if (!document.getElementById(id)) 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:pointer;color:blue;"
onclick="show_hide('c1972-01-01-1')">Show/Hide Detail</span>》

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

設置例:↓これをクリック!
Show/Hide Detail

(「無償・無保証・著作権放棄」<http://lifehacks.ta2o.net/byebye-copyright.html>)

追記050120:「DESIGNING WITH WEB STANDARDS」のp.305に解説ある!