JSFiddle - React, Tailwind, and code Playground

by David Bland

HTML

<div id="search">Search</div>
<div id="newsearch">New Search</div>
<div id="results">Results</div>

CSS

#search, #newsearch, #results{
    width: 60px;
    height: 60px;
    margin: 1px;
    color: white;
    float: left;
}
#search {
    background-color: green;
}
#newsearch {
    background-color: blue;
    display:none;
}
#results {
    background-color: orange;
    display: none;
}

JavaScript

$("#search").click(function () {
    $("#newsearch").show(1000);
    $("#results").show(1000);
    $("#search").hide(300);
    
});


$("#newsearch").click(function() {
    alert("I Fired!");
    $("#newsearch").hide(1000);
    $("#results").hide(1000);
    $("#search").show(300);
    
});