Web上にはjQueryベースでのアコーディオン動作の実装サンプルスクリプトがたくさんありますが、 シンプルなスクリプトで理想的な動作がなかなか見あたらなかったので、自作で作ってみたサンプルの紹介。 アコーディオン動作は使用する場面によって、いくつかパターンがあります。 複数展開させる項目がある場合でのアコーディオン動作は、 基本的にはボタン(項目?)部分をクリックすることで詳細を展開、 そこから他のボタンをクリックした際に、 ・現状展開している項目を閉じて、次を開くパターン ・現状展開している項目を閉じずに、次の項目もそのままどんどん詳細部分を展開し続けていくパターン と分かれると思いますが、その両パターンのスクリプトのサンプルを紹介。 HTMLソースは <dl> <dt>ボタン部分</dt> <dd>ボタンクリックで展開する内容</dd> </dl> としています。 まずは「現状展開し