サイドバーの折りたたみ

サイドバーが長くなりつつあるので、少しだけですが折りたためるようにしてみました。今日参考にしたのは・・・

こちらの記事です。こちらからjavascriptを頂いてきて、サーバーにアップ。<head>~</head>内に
<script type="text/javascript" src="./script/showhide.js"></script>を追加。
そしてテンプレートを次のように変更

<div class="sidetitle">
<a href="javascript:void(0);" onClick="showHide(‘c0′);">
サイドバータイトル
</a></div>
<div class="sidehide" id="c0">
(隠したい内容)
</div>

このshowHide(‘c0′)で指定したid(ここではc0)の部分を隠します。
もし、複数隠したい場合には、このidをc1、c2という風に変更して指定します。
これで、普段は隠れて、クリックで現れるというようにできました。

先人の方々に感謝、感謝です。

2 Responses to “サイドバーの折りたたみ”

  1. うにっと一発収納!

    なんか右メニューがすっきりしたでしょぉ〜(^^) 以前kotaさんに右リンクの伸縮スクリプトを教えてもらったんですが、ちょっと教えてもらった方法そのままだと思うとおりにならなかったので、多少手を加えて完成! う〜ん、なんともすっきりしたじゃないの( ^^) _旦~~ …

  2. サイドバーの折りたたみ

    サイドバーの折りたたみ: ぐーたら on MT いつかはやりたいサイドバーのおりたたみ。でも全部折りたたんじゃうと凄くすっきりしすぎちゃうんですよね・・・。…

Leave a Reply