JSFiddle - React, Tailwind, and code Playground

HTML

<div id="collapse1">
		content
	</div>

	<a href="#collapse1" class="nav-toggle">Hide</a>

JavaScript

$('.nav-toggle').on('click', function(e) {
    e.preventDefault();
    $('#collapse1').toggle('fast');
    $('.nav-toggle').text(function(_,txt) {
        return txt == 'Hide' ? 'Show' : 'Hide';
    });
});