HTMLタグでアコーディオン が簡単に実装できるようになったらしい(IEを除く)。

<!-- 閉じた状態 -->
<details>
  <summary>質問</summary>
  <p>回答</p>
</details>

<!-- 開いた状態 -->
<details open>
  <summary>質問</summary>
  <p>回答</p>
  <p>summary以外の要素はいくつでも追加可能</p>
</details>