コンテンツが長くなる場合に、部分的に折りたたむ（非表示）ことで、すっきりと表示させることができる。簡単にアコーデオン機能を実装できるJavascript。
Accordion v2.0 -サンプルにもなっている
使い方
prototype.jsとscript.aculo.usのeffects.js、そしてaccordion.jsをhead要素内などで読み込む。
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
<script type="text/javascript" src="accordion.js"></script>
<script type="text/javascript">
Event.observe(window, 'load', function(){
new accordion("accordion");
}, false);
</script>
accordion（特定のID）は任意のidを設定する。
xtmlには特定のID（サンプルではaccordion）で、
accordion_toggleを付けた要素とaccordion_contentを付けた要素を囲む。
<dl id="accordion">
<dt class="accordion_toggle">タイトル</dt>
<dd class="accordion_content">本文</dd>
・
・
・
</dl>
オンマウスでアコーディオンを開いたり、はじめから特定のID部分を開いた状態にすることも可能。詳しくは、Googleで検索→「Accordion v2.0 使い方」
