JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<div id="first">
  First Div
</div>

<div id="second">
  Second Div
</div>

<div id="third">
  Third Div
</div>

<div id="four">
  Reset
</div>

CSS

#first {
  left: 2px;
  color: white;
  padding: 5px;
  background-color: black;
  width: 150px;
  height: 45px;
  margin-bottom: 5px;
}

#second {
  left: 2px;
  color: white;
  padding: 5px;
  background-color: yellowgreen;
  width: 150px;
  height: 45px;
  margin-bottom: 5px;
}

#third {
  left: 2px;
  color: white;
  padding: 5px;
  background-color: orangered;
  width: 150px;
  height: 45px;
  margin-bottom: 5px;
}

#four {
  left: 2px;
  color: white;
  padding: 5px;
  background-color: blue;
  width: 150px;
  height: 45px;
  margin-bottom: 5px;
}

JavaScript

$(document).ready(function() {
  //ENTRANCE
  $('div:not("#four")').click(function() {
    $(this).slideUp();
  });
  $('#four').click(function() {
    window.location.reload();
  });
});