JSFiddle - React, Tailwind, and code Playground
HTML
<div class="collapse">
<h1><a href="#" class="clickme">Test</a></h1>
<div class="show-on-click">
<a href="www.google.com">link</a>
<p>some other text</p>
</div>
</div>
CSS
.show-on-click {
display: none;
}
.show-on-click.is-active {
display: block;
}
JavaScript
$(".clickme").on("click", function() {
$(".show-on-click").toggleClass("is-active");
});