domcollapse.js test

domCollapseを使った追記文章の折りたたみです。
ダウンロードすれば使えるのだけど、一部classの名称や画像などを変更しています。

動作サンプル

最初は表示

最初は表示されている部分です。
制御はclass="start_open"で行います

最初は非表示

最初は表示されている部分です。
制御はclass="start_close"で行います

記述方法

<html>
<head>
<script type="text/javascript" src="domcollapse.js"></script>
<link rel="stylesheet" href="domcollapse.css" type="text/css" media="screen,print" />
</head>
<body>

<h3 class="start_open">最初は表示</h3>
<div>
<p>(文字列)</p>
</div>

<h3 class="start_close">最初は非表示</h3>
<div>
<p>(文字列)</p>
</div>
</div>

</body>
</html>

必要なもの

引用元:http://www.onlinetools.org/tools/domcollapse/