月を追う毎にアーカイブメニューの項目がどんどん増えていくので折りたたみ式にすることにしました。とりあえずメモ書きとして最もシンプルなスタイルのものを書いておきます。

ブロック（段落）の表示・非表示のコントロールのみです。

<!--

function my_menu(target) {

　　var m= document.getElementById(target).style;

　　m.display = (m.display == 'none')?  "block":"none";

}

//-->

--------------------------------------------------------------

<h2><A href="javaScript:my_menu('a_menu')">▼アーカイブ</A></h2>

<DIV id="a_menu" style="display:none">

  <ul>

  ----------------------

  </ul>

  </DIV>

※Firefox対応済み