How can I create a collapsible accordion with Tailwind and minimal JavaScript?

<!-- BEGIN COPY / PASTE -->
    <div class="accordion">
      <button class="accordion-header bg-blue-500 text-white p-3 w-full text-left" onclick="toggleAccordion(event)">
        Accordion Header
      </button>
      <div class="accordion-content hidden p-3 bg-gray-100">
        <p>This is the content of the accordion.</p>
      </div>
    </div>

    <script>
      function toggleAccordion(event) {
        const content = event.currentTarget.nextElementSibling;
        content.classList.toggle('hidden');
      }
    </script>
    <!-- END COPY / PASTE -->