JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tableWrapper">
    <h1 class="tableTitle"     
        onclick='ShowHideSection()'>Click to Toggle<span></span><hr>
    </h1>
    <div class="redDiv"></div>
    <div class="greenDiv"></div>
</div>

CSS

.tableWrapper{width:100%}
.redDiv, .greenDiv{width:49%; height:150px;}
.redDiv{
    display:inline-block;
    background-color:red;
}
.greenDiv{
    float:right;
    background-color:green;
}

JavaScript

function ShowHideSection()
{
    $(" .redDiv").toggle();
    $(" .greenDiv").toggle();
}