サイドバー（プラグイン）を開いたり閉じたり

このサイトネット在宅ワークディスカバリーネット！で実装しているサイドバー（プラグイン）を開いたり閉じたりのやりかたです。

FC2ブログ　や　 Seesaa ブログでの実装の仕方は以下のサイト記事に詳しく載ってます。

showry's Blog: FC2ブログでサイドメニュー折りたたみスクリプト導入
小粋空間: サイドメニュー折りたたみスクリプト（cookie等改善版）

在宅ワークディスカバリーネットを忍者ブログで宣伝して行く上で、やはり見た目や、カスタマイズは必要と思い導入。

（たんにいじくって見たい！衝動だろ？）

心の声は端においといて、やり方です。

まず上記サイト小粋空間さんとこでmenufolder.jsをダウンロードしてきます。

私の場合、menufolder.js内を変えてます。開いたり閉じたりしたとき、画像が変わるように設定してます。

menufolder.js内に、下のように書かれているところを探します。

//-----------------------
// 折りたたみマーク関連
//-----------------------

// 折りたたみマーク表示(メニュータイトル枠全体をリンクにする場合のみ有効)
// 表示する：true
// 表示しない：false
var displayMark = false;

// 折りたたみマーク
// 上：閉じている状態で表示されるマーク
// 下：開いている状態で表示されるマーク
// 画像を設定する場合は右辺を '<img src="[画像のURL]" />'; と書いてください
var openMarkForSideBarMenu = '▽';
var closeMarkForSideBarMenu = '△';

赤いところを

//-----------------------
// 折りたたみマーク関連
//-----------------------

// 折りたたみマーク表示(メニュータイトル枠全体をリンクにする場合のみ有効)
// 表示する：true
// 表示しない：false
var displayMark = false;

// 折りたたみマーク
// 上：閉じている状態で表示されるマーク
// 下：開いている状態で表示されるマーク
// 画像を設定する場合は右辺を '<img src="[画像のURL]" />'; と書いてください
var openMarkForSideBarMenu = 'アップした画像のＵＲＬ１';
var closeMarkForSideBarMenu = 'アップした画像のＵＲＬ２';

にして自サイトにアップロードします。（もちろん画像も先にアップロードしておきます。）

次にニンブロラボ. [カスタマイズ]プラグイン折りたたみの記事どうりにやっていくとできます。

はしょるつもりはないんですが、とても丁寧にかかれた記事なので、ここで私が書くより、上記記事をよく読むほうが確実に設置できます！

（これは忍者ブログ用なので、他のブログは、記事はじめに載せているサイトを参照してくださいね。）

開いたり閉じたりして遊んだ後、サイトを閉じて、またサイトを訪れたときは、前回訪れたままの状態で、サイドバー（プラグイン）が表示されるという優れもの！

がんばって実装してみてはいかがでしょうか？知識無くても、コピペしていくだけでできますよ。

お試しあれ～。