●Seesaa(シーサー)ブログでサイドメニューの開閉
方法は調べたところいろいろありますが、なんか複雑で難しそうです><；
中でも簡単にできそうなのは以下のやり方で、うまくいかない所は俺なりにいじくりました。
改造する際は、いかなることがあっても自己責任でお願いしますm(_ _*)mﾍﾟｺ
タグの編集はわかりづらいので、詳しく画像で説明します。
▼方法
①まず、JAVAScriptをココからファイルをダウンロードする
②解凍したフォルダの中に「sidehide.js」があります。これをSeesaaサーバーにアップロード。
※アップロード方法は、[ツール]→[ファイルマネージャ]で参照して追加
③サーバーにアップしたファイルのアドレスをメモしておく。
※俺の場合は「Http://toho-huhai.up.seesaa.net/image/sidehide.js」
④[デザイン]→[HTML]で"HTMLの追加"でタグの編集をします
<head>と</head>の間に
<script type="text/javascript" src="Http://toho-huhai.up.seesaa.net/image/sidehide.js">
</script>
を挿入。
赤字は、あなたの先ほどメモしたアドレスにする。
(※わかっていると思いますが、"H"が大文字なのは便宜上なのでちゃんと小文字にしてくださいね)
分からない人は下図のとおり。
（挿入場所は<head></head>間であればどこでもいいと思うので、俺は<head>のすぐ次にしました）
挿入したら保存
⑤次に、サイドメニューで折りたたみたいコンテンツのタグの編集です。
仮に、「新着記事」のサイドメニューを折りたたみたいとします。
[デザイン]→[コンテンツ]で新着記事を選択
設定内の挿入テキスト(下部)に</div>と打ちます
つまり下図のようにです
そしていったん保存します
⑥今度は新着記事設定内のコンテンツHTML編集で、
次のように編集します。
<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<% loop:list_article -%>
(<% article.createstamp | date_format("%m/%d") %>)<a href="<% article.page_url %>"><% article.subject | tag_break %></a><br />
<% /loop -%>
<% content.footer -%>
</div>
となっていると思うので、赤字の部分を↓のように変更します
<div class="sidetitle">
<a href="javascript:void(0);" onClick="showHide('C1');"><% content.title %></div></a>
<div class="sidehide" id="C1">
<div class="side">
<% content.header -%>
<% loop:list_article -%>
(略)
変更したら保存
図でいうと以下のように変更
ここで太字赤字の「C1」について説明です
C1というのは、折りたたむサイドメニューの1個目と考えてください。
ですので、新たに違うコンテンツのサイドメニューを折りたたむ場合は、C2、C3という具合に変更し、あとは同じように行ってください。
最後に再構築して完了です
"kamakiri"というIDで動画を公開してありますんでヒマなとき見てください^^
記事参考にさせていただきました。
折りたたみの方法を探していたのですが、他サイトさんの説明では理解できず諦めかけていたところでした。こちらの説明は大変わかりやすく、すぐにできました。
おかげでサイドメニューがスッキリしました。
ありがとうございました！
お役に立てて良かったです^^