JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="button" class="button_style">Show content</a>
<div id="hidden_content">Content</div>

CSS

#hidden_content{display:none;}

JavaScript

$(document).ready(function() {
    $("#button").toggle(function() {
        $(this).text('Hide Content');
    }, function() {
        $(this).text('show Content');
    }).click(function(){
        $("#hidden_content").slideToggle("slow");
    });
});