サイドバーの折り畳み

--MovableType Tips--

なんかサイドメニューにいろんなものてんこもりにして、かなりごちゃごちゃしてきたので、
サイドバーを折り畳んでみました。

いろんな方法があるみたいですが、私にとって一番簡単なものにしました。

jinkoさんとこで見つけて
ARTIFACT —人工事実—さんの「Movable Type作業メモ」を参考にしました。

ARTIFACT —人工事実—さんのJavaスクリプトをいただきまして（ARTIFACTさんとこにある Javaスクリプトのリンク先を保存。）
これをサイトのindexと同じ階層にアップする。
MainIndexのhead部分に <script type="text/javascript" src="<$MTBlogURL$>showhide.js"></script> と記述。
メニュー部分にこんなふうに記述。 <div class="sidetitle">  <a class="showhide" href="javascript:void(0);" onClick="showHide('c1');">▼</a> </div> <div class="sidehide" id="c1">  </div>
「onClick="showHide('c0');" 」で命令して、　「id="c0"」がそれに応ずる。増やしたい場合は ('c0')('c1')・・・　id="c0" id="c1"・・・という感じ。デフォルトでは閉じた状態になります。

やってみた感じ、あんまり調子にのってたくさんやりすぎるのもよくないみたいです。

Trackback URL(P) 　

"サイドバーの折り畳み"へのトラックバックはまだありません。