折りたたみメニュー 

長くなったサイドメニューを折りたたみ、見やすくなるようにしました。 benri_navi_3col_monoというシンプルなテンプレートをお借りしていますが、形を壊さず長くなったメニューを折りたたみ、見やすくなるようにしました。何とかメニューを折りたたむことが出来ました。参考にしたところはアジアンビートカンケリキッズさんです。

��<head>　〜　</head>　間に下記スクリプト追加する。
<head>
　　・
　　・
<script type="text/javascript">
<!--
function dd(id){
if(document.all)OBJ = document.all(id).style; else if(document.getElementById)OBJ = document.getElementById(id).style; if(OBJ) OBJ.display=='none'?OBJ.display='':OBJ.display='none';
}
//--></script>
　　・
　　・
</head>
��<!--plugin_first-->、<!--plugin_second-->、<!--plugin_third-->を下記のように書き換える。

<!--plugin-->
<!--plugin_first-->
<a href="javascript:void(0)" onclick="dd('<h2><%plugin_first_title></h2>')">
<h2><%plugin_first_title></h2>
</a>
<div style="display:" id="<h2><%plugin_first_title></h2>">
<div class="plugin_area">
<%plugin_first_description>
<div class="plugin_content">
<%plugin_first_content>
</div>
<%plugin_first_description2>
</div>
</div>
<!--/plugin_first-->
<!--/plugin-->
−−−−−−−−−−−−−−−−−−−−−−−
<!--plugin_second-->
<a href="javascript:void(0)" onclick="dd('<h2><%plugin_second_title></h2>')">
<h2><%plugin_second_title></h2>
</a>
<div style="display:" id="<h2><%plugin_second_title></h2>">
<div class="plugin_area">
<%plugin_second_description>
<div class="plugin_content">
<%plugin_second_content>
</div>
<%plugin_second_description2>
</div>
</div>
<!--/plugin_second-->
−−−−−−−−−−−−−−−−−−−−−−−−
<!--plugin_third-->
<a href="javascript:void(0)" onclick="dd('<h2><%plugin_third_title></h2>')">
<h2><%plugin_third_title></h2>
</a>
<div style="display:none" id="<h2><%plugin_third_title></h2>">

<div class="plugin_area">
<%plugin_third_description>
<div class="plugin_content">
<%plugin_third_content>
</div>
<%plugin_third_description2>
</div>
</div>
<!--/plugin_third-->
−−−−−−−−−−−−−−−−−−−−−−−−
��ブログを開いた時にサイドメニューを開けた状態にしたいときは下記の所を消す。
</a>
<div style="display:none" id="<h2><%plugin

�ご超�設定→プラグインの設定→プラグイン追加→カテゴリーの設定で、サイドメニューは左側がカテゴリー１、右側がカテゴリー２と３になっていますので、適当に振り分けてください。


トラックバック

この記事のトラックバックURL
http://monjya.blog44.fc2.com/tb.php/53-b7c010e2