JSFiddle - React, Tailwind, and code Playground

by Oliver Kelso

HTML

<p id='stuff' class='hidden'>this is a paragraph that gets hidden</p>
<a href="#" id="link">show</a>

CSS

.hidden{display:none;}

JavaScript

$('#link').on("click", function(){
    
    if( $('#stuff').hasClass('hidden') ){
        $('#stuff').removeClass('hidden'),
        $('#link').html('hide');
    }else{
        $('#stuff').addClass('hidden'),
        $('#link').html('show');
    }
    
});