HTML::折りたたみメニューの書き方

HTMLのページをガシガシ書く機会は激減してる昨今，今更ですが，HTMLでの折りたたみの書き方のメモが出てきたのでこっちにも書きます．

code:折りたたみHTML

<!-- 折り畳み展開ポインタ -->

<div onclick="obj=document.getElementById('open').style; obj.display=(obj.display=='none')?'block':'none';">

<a style="cursor:pointer;">▼ クリックで展開</a>

</div>

<!--// 折り畳み展開ポインタ -->

<!-- 折り畳まれ部分 -->

<div id="open" style="display:none;clear:both;">

<!--ここの部分が折りたたまれる＆展開される部分になります。

自由に記述してください。-->

</div>

<!--// 折り畳まれ部分 -->

長くなってしまう教材作成には便利かも知れません．