JSFiddle - React, Tailwind, and code Playground

HTML

<a class="edit-timestamp">click</a>
<br /><br />
<div id="timestampdiv">TIMESTAMPDIV</div>
<p>
  <a href="#edit_timestamp" class="save-timestamp button">OK</a>
  <a href="#edit_timestamp" class="cancel-timestamp">Cancel</a>
</p>
</div>
<br /><br /><br /><br /><br />
<div id="major-publishing-actions">
<div id="delete-action">
<a class="submitdelete deletion">Move to Trash</a></div>
<div id="publishing-action">
        <input name="original_publish" type="hidden" id="original_publish" value="Publish">
        <input type="submit" name="publish" id="publish" class="button-primary" value="Publish" tabindex="5" accesskey="p"></div>
<div class="clear"></div>
</div>

CSS

.hidepub { color: #f00; }
.showpub { color: #0f0; }

JavaScript

$('a.edit-timestamp').click(function () {
        $("#timestampdiv").addClass('hidepub').removeClass('showpub');
    });
    $('a.cancel-timestamp').click(function () {
        $("#timestampdiv").addClass('showpub').removeClass('hidepub');
    });
    $('a.save-timestamp').click(function () {
        $("#timestampdiv").addClass('showpub').removeClass('hidepub');
    });
    
    
    if($('#timestampdiv').hasClass('hidepub')) {
        $('#major-publishing-actions').slideUp('slow');
    }