エクスプローラーのようにボタンで表示・非表示を管理します。
用途が低くて、長い表示になってしまう項目に有効です。

テスト

　・AAAAAA
　・BBBBBB
　・CCCCC

作成方法
１．javascripitの作成
　管理－テンプレートでtree.jsを作成しテンプレートの中身を
function expandB(which) {
var target = document.all(which);
if(target.style.display == "block") {
window.event.srcElement.src = "※あなたのブログ名/archives/open.gif";
target.style.display = "none";
} else {
window.event.srcElement.src = "※あなたのブログ名/archives/close.gif";
target.style.display = "block";
}
}
とする。
※はボタンを自分のブログにアップロードしてください。
　画像は使って頂いても構いませんが、直リンクはしないでください。
２．ソースの作成
使うページ（topページだけならメインページ）の</head>の上に
<SCRIPT src="tree.js" type=text/javascript></SCRIPT>
を追加して、表示したい位置に
<IMG class=clickable onclick="expandB('test')"
src="※あなたのブログ名/archives/open.gif">テスト<BR>
<DIV id="test" style="DISPLAY: none">
　・AAAAAA<BR>
　・BBBBBB<BR>
　・CCCCC<BR>
</div>
としてください。

BLOGのTopページへ　　▲このページの上へ

■カテゴリー：MT
＜前の記事：カテゴリーの件数表示　 ＞ 次の記事：携帯から登録