JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<p id="p1">This is a paragraph.</p>

<button id="hide1">Hide</button>
<button id="show1">Show</button>

<br>
Paragraph display set to: <div id="div1" style="display: inline"></div>

JavaScript

$(document).ready(function()
{        
    $("#div1").text($("#p1").css("display"));
    
    $("#hide1").click(function()
    {
        if ($("#p1").is(":visible"))
        {
            $("#p1").toggle();
            $("#div1").text($("#p1").css("display"));
        }
    });
    
    $("#show1").click(function()
    {
        if (!$("#p1").is(":visible"))
        {
            $("#p1").toggle();
            $("#div1").text($("#p1").css("display"));
        }
    });
});