単一展開
<h3 class="apg-accordion-header">
アコーディオンとは？
</h3>
アコーディオンは、垂直に積み重ねられたインタラクティブな見出しのセットで、それぞれがコンテンツのセクションを表示します。
<h3 class="apg-accordion-header">
アコーディオンを使用するタイミングは？
</h3>
コンテンツを折りたたみ可能なセクションに整理する必要がある場合に使用します。
<h3 class="apg-accordion-header">
アクセシビリティの考慮事項
</h3>
アコーディオンはキーボードでアクセス可能で、展開/折りたたみ状態をスクリーンリーダーに適切に通知する必要があります。
複数展開
<h3 class="apg-accordion-header">
セクション1
</h3>
セクション1のコンテンツ。allowMultipleを有効にすると、複数のセクションを開くことができます。
<h3 class="apg-accordion-header">
セクション2
</h3>
セクション2のコンテンツ。
<h3 class="apg-accordion-header">
セクション3
</h3>
セクション3のコンテンツ。
無効なアイテムを含む
<h3 class="apg-accordion-header">
利用可能なセクション
</h3>
このセクションは通常通り展開・折りたたみできます。
<h3 class="apg-accordion-header">
無効なセクション
</h3>
このコンテンツはセクションが無効なためアクセスできません。
<h3 class="apg-accordion-header">
別の利用可能なセクション
</h3>
このセクションも展開できます。