JSFiddle - React, Tailwind, and code Playground

by rjurd

HTML

<img alt="Current Known Issues" src="images/ITButtons_Issues.gif" id="But_Issues" width="170" height="45">
<img alt="My Active Requests" src="images/ITButtons_MyRequests.gif" id="But_MyRequests" width="170" height="45">

<div class="CurrentIssues_Div" id="CurrentIssues" style="width: 403px">
    CurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_Div
    CurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_Div
    CurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_Div
    CurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_Div
    CurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_Div
    CurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_DivCurrentIssues_Div
    CurrentIssues_Div
</div>

<div class="MyActiveRequests_Div" id="MyActiveRequests">
    MyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_Div
    MyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_Div
    MyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_Div
    MyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_Div
    MyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_Div
    MyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_Div
    MyActiveRequests_DivMyActiveRequests_DivMyActiveRequests_Div
</div>

CSS

.CurrentIssues_Div {
    background-color: #ffffff;
    float:left;
    width:30%;
    padding-left:20px;
    height:300px;
    /*visibility:hidden;*/
    display: none;
}

.MyActiveRequests_Div {
    background-color: #ffffff;
    float: right;
    width:50%;
    padding-left:20px;    
    height:300px;
    /*visibility:hidden;*/
    display: none;
}

JavaScript

$("#But_Issues").click(function() {
    $("#CurrentIssues").toggle("fold");
    return false;
});
$("#But_MyRequests").click(function() {
    $("#MyActiveRequests").toggle("fold");
    return false;
});