超簡単な折りたたみ展開メニュー - FC2BLOGカスタマイズ

サンプルは、このブログの右サイドバー「折りたたみメニュー」RSSリンクの表示。 クリック側は、onclick属性にてdisplayによる表示/非表示を制御。 展開側は、対応するidを書くだけで、スクリプトも使わず超簡単。 ソースはこんな感じ。 <!-- 折りたたみ --> <div onclick="obj=document.getElementById('xxxxx').style; obj.display=(obj.display=='none')?'block':'none';"> <a style="cursor:pointer;">クリックで展開</a> </div> <!--// 折りたたみ --> <!-- 折りたたまれ --> <div id="xxxxx" style="display:none;clear:both;"> ここに書いたものが上述の「クリックで展開」をクリ

[gtakigawa]

色々なやり方がありますが、これが一番分かりやすく、かつ簡単かと。

[kazu213304t]

“</div><!--// 折りたたまれ -->”