サイドバーをすっきり
サイドバーが長くなってきたり、普段特に使わないようなリンクを隠してしまおう！というわけでサイドバーの折りたたみ機能を搭載してみました。
参考にさせていただいたサイト
ARTIFACT ―人工事実―さんの
「Movable Type作業メモ」より「長くなっている部分を隠す」
リンクをクリックすることでclass="sidehide"と設定した部分をCSSを使って表示・非表示に切り替えるというJavaScriptです。設置も簡単なのでさくっと導入することができました。
でもこれを実装するとデフォルトで「非表示」状態になるので、全ての項目を切替式にした場合サイドバーは随分すっきりしてしまうことになります。でもあれこれ探してみるとデフォルトで表示・非表示の設定が可能なスクリプトもあるみたいですね。
参考にさせていただいたサイト
facet-diversさんの「とりあえずサイドバー折り畳み２」
KOROPPYの本棚さんの「サイドバーを折りたたみ(完結編)」
ボタンがフォームのタイプでスタイルの設定が面倒だったのでこれはまた後日試してみたいと思います。
RSS 2.0
