折り込みスライダー②

サンプル

Code

<!-- 折り畳み展開ポインタ -->
<div onclick="obj=document.getElementById('example1').style; obj.display=(obj.display=='none')?'block':'none';">
<a style="cursor:pointer;">▼ クリックで展開</a>
</div>
<!--// 折り畳み展開ポインタ -->

<!-- 折り畳まれ部分 -->
<div id="example1" style="display:none;clear:both;">

<!--ここの部分が折りたたまれる＆展開される部分になります。
自由に記述してください。-->

</div>
<!--// 折り畳まれ部分 -->

<!-- 折り畳み展開ポインタ -->
<div onclick="obj=document.getElementById('example2').style; obj.display=(obj.display=='none')?'block':'none';">
<a style="cursor:pointer;">▼ クリックで展開</a>
</div>
<!--// 折り畳み展開ポインタ -->

<!-- 折り畳まれ部分 -->
<div id="example2" style="display:none;clear:both;">

<!--ここの部分が折りたたまれる＆展開される部分になります。
自由に記述してください。-->

</div>
<!--// 折り畳まれ部分 -->

参考サイト

クリックすると展開表示する”折りたたみメニュー”を簡単に作る方法