JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
				<button class="collapsible" onclick="showhide()">Collapsible</button>
					<div class="content"> 
						<p>
						    This data should be collapsible.
						</p>
					</div>
				</div>

JavaScript

var coll = document.getElementsByClassName("content");
var i;		
function showhide(){  
  for (i = 0; i < coll.length; i++) {
    coll[i].addEventListener("click", function() {
      this.classList.toggle("active");
      var content = this.nextElementSibling;
      if (content.style.display === "block") {
        content.style.display = "none";
      } else {
        content.style.display = "block";
      }
    });
  }}