JSFiddle - React, Tailwind, and code Playground
HTML
The order was manually edited:<span id="editsToHide">These are my edits</span><button id="myButton">Show Edits</button>
CSS
#myButton
{
display: none;
}
JavaScript
$(function(){
$('#editsToHide').hide();
$('#myButton').show().click(
function(){
$('#editsToHide').toggle();
if ($('#editsToHide').is(":visible"))
{
$('#myButton').text('Hide Edits');
}
else
{
$('#myButton').text('Show Edits');
}
}
);
})