JSFiddle - React, Tailwind, and code Playground

HTML

<details open>
  <summary>1つ目のアコーディオンのタイトル</summary>
  ここは、1つ目のアコーディオンの中身です。
</details>
<details open>
 <summary>2つ目のアコーディオンのタイトル</summary>
  ここは、2つ目のアコーディオンの中身です。
</details>
<details open>
  <summary>3つ目のアコーディオンのタイトル</summary>
  ここは、3つ目のアコーディオンの中身です。
</details>

SCSS

/* 以下の記述は不要です */
body {
  margin: 20px;
}