JSFiddle - React, Tailwind, and code Playground

by Torwan

HTML

<h1>HTML 5 Acordian Tag</h1>
<details>
  <summary>Section 1</summary>
  <h3>This is section 1</h3>
</details>
<details>
  <summary>Section 2</summary>
  <h3>This is section 2</h3>
</details>
<details>
  <summary>Section 3</summary>
  <h3>This is section 3</h3>
</details>

CSS

details {
  background: #eee;
  color: #444;
  padding: 18px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}