80%80%<div class="w-96 min-w-[80%] md:min-w-[600px] bg-slate-500 text-white rounded-sm m-6">
  <header class="flex justify-between items-center pl-3">Play with this accordion
    <button id="toggle" class="bg-cyan-400 font-medium py-3.5 px-6 text-white rounded-sm text-sm enabled:hover:bg-cyan-300 transition ">Toggle</button></header>
  <section id="content" class="p-3 hidden">Here's all this body content lalalalalalala</section>
</div>

const contentEl = document.getElementById('content')

const toggleEl = document.getElementById('toggle')

toggleEl.addEventListener('click',
  () => {
  contentEl.classList.toggle('hidden')
 })