クリックで開閉できる折りたたみ式コンテンツの作成の仕方
JavaScriptを一切使わずにクリック展開UIを実装する方法
HTMLのdetails要素とsummary要素を使用すると、クリックで開閉できる折りたたみ式コンテンツを作成できます。
具体的には、details要素で折りたたみ部分を囲み、summary要素でクリックすると開く部分（タイトルや説明など）を指定します。
＜完成イメージ＞▶の印をクリックしてみて。
クリックすると内容が表示されます
ここに折りたたみ表示したい内容を記述します。
複数の段落や要素を記述することも可能です。
▼Sampleソースコード
<details>
<summary>クリックすると内容が表示されます</summary>
<p>ここに折りたたみ表示したい内容を記述します。</p>
<p>複数の段落や要素を記述することも可能です。</p>
</details>details要素: 折りたたみコンテンツ全体を囲みます。summary要素:details要素の最初の要素として使用し、開閉のトリガーとなる部分を定義します。details要素にはopen属性を設定することで、初期状態から開いた状態で表示することも可能です。
