今回は、サンプルでもよくDLされている、イメージでdivの表示・非表示を切り替える方法をこちらにはってみます。
イメージをクリックすると指定しているDiv内（ここではid指定）の表示状態をDivタグスタイル属性を変更し、非表示にしたり表示に戻したりしています。
このブログTOPの左下の「サンプルブログパーツ」にも適応してみました。こんな感じで利用するのも一つの手かもしれませんネ。
なお、ネスケの古いヴァージョンなどでは、getElementByIdが利用できませんのでdocument.layers["div名"]で呼び出してくださいね。他のヴァージョンとの互換性など、レイヤー全般に関するサンプルはうさのJavaScript講座のサンプル集８でご紹介しております。

←クリックしてみてネ♪
ソースはこちら↓

<script language="javascript"> <!-- //------------------------------------------------------------ //javascript by ＠うさ http://usagi-js.com/ //------------------------------------------------------------ var currentViewOnBody = true; function ViewPartsOnBody(layerName) { if (currentViewOnBody ) { //非表示 document.getElementById(layerName).style.visibility="hidden"; document.getElementById('imageArrowOnBody').src="http://usagi-js.com/images/arrowdown.gif"; currentViewOnBody = false; } else { //表示 document.getElementById(layerName).style.visibility="visible"; document.getElementById('imageArrowOnBody').src="http://usagi-js.com/images/arrowup.gif"; currentViewOnBody = true; } } //--> </script> <!--以下HTML部です--> <img id="imageArrowOnBody" src="http://usagi-js.com/images/arrowup.gif" border="0" onClick="javascript:ViewPartsOnBody('samplePartsOnBody')" style="cursor:hand">←クリックしてみてネ♪ <div id="samplePartsOnBody"> <font color="blue">この部分がDIV内です。</font></div>