1分で読める！【HTML】アコーディオンをHTMLだけで実装する方法

本日のテーマは、

アコーディオンをHTMLだけで実装する方法です！！

アコーディオンとは？

クリックすると隠されたメニューがヌルッと表示されることです！

ホームページとかではメニューの一覧を表示する際に使用してます。

実装方法

detailsとsummaryタグを使用すればOKです！

detailsタグで囲んだ箇所がアコーディオンとして設定されます。

summaryタグで囲んだ箇所をクリックすると

詳細分（summaryタグで囲まれてない箇所）が表示されます。

＜サンプルコード＞

<details>
　<summary>ボタンをクリック</summary>
 メニュー１。メニュー２。メニュー３。
</details>