JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content" class="targetDiv">Content</div>
<div class="buttons">
    <a  class="show" target="content">Show</a>
    <a  class="hide" target="content" style="float: right;">Hide</a>
</div>

CSS

.buttons {
    width: 300px;
    height: 20px;
    margin: 20px 20px 20px 20px;
    padding: 20px;
    background: #cccccc;
}

#content {
    width: 300px;
    height: 20px;
    margin: 20px 20px 0px 20px;
    padding: 20px;
    background: #ff0000;
}

JavaScript

$('.targetDiv').hide();
$('.show').click(function () {
    $('.targetDiv').hide();
    $('#' + $(this).attr('target')).show();
});

$('.hide').click(function () {
    $('#' + $(this).attr('target')).hide();
});