リンク（例：日付）を押すと、文章（例：日記本文）が下にたらっと表示されて、先ほどのリンクを再び押すと、表示されていた文章が消えて元に戻る、というふうに表示させるには、どのようにソースを書けばいいでしょうか？参考になるようなサイトでもいいです。よろしくお願いします。

head内に

<script language=”Javascript”>

<!--

function window(tName)

{

tMenu = document.all[tName].style;

if (tMenu.display == ’none’) tMenu.display = ”block”; else tMenu.display = ”none”;

}

// -->

</script>

リンク部分に

<a onclick=”window(’20030725’)”>7月25日</a>

文章部分に

<div id=”20030725” style=”display:none”>

日記を書く

</div>

でいかがでしょうか？

簡単なサンプルを書きます。

<script language=”javascript”>

function change(id){ var e=document.getElementById(id); e.style.display=(e.style.display==”none”)?””:”none”; }

</script>

<a href=”javascript:change(’div01’);”>リンク</a>

<div id=”div01” style=”display:none”>

ここに本文を書きます。

</div>

ＤＨＴＭＬの機能でできますよ。

このサンプルのような感じではないでしょうか。