JSFiddle - React, Tailwind, and code Playground

by thelifeisyours

HTML

<input id="audioToggle" type="checkbox">
<div id="audioContainer">
  <audio src="https://freesound.org/data/previews/494/494153_10613979-lq.mp3" controls></audio>
</div>

<label for="audioToggle">
  Toggle audio
</label>

CSS

#audioContainer {
  display: none;
}

#audioToggle:checked ~div {
  display: block;
}