JSFiddle - React, Tailwind, and code Playground

HTML

<a id="go" href="#" >Show text</a>

 <div id = "warningMessage" class="testClass" style="display: none;">
        <p id="warningMsg" > Status change action would not be saved until you click Save button. </p>
        <div>

JavaScript

$(document).ready(function() {
        $('#go').click(function() {
            $("#warningMessage").css("display", "block");
        });
    });