JSFiddle - React, Tailwind, and code Playground

by Mike Gleeson

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<h1>
This is some stupid header
</h1>
<div id="onePage">
This is some page
</div>

<div id="twoPage">
This is some other page
</div>
<h2>
This is some stupid footer
</h2>

CSS

#twoPage
{
  display:none;
  background-color: red;
  color:black;
}

div
{
  cursor:pointer;
  min-width:1000px;
  min-height:500px;
  background-color:#000;
  color:#ffffff !important;
  font-size:78px;
  text-align:center;
}

JavaScript

$("div").click(function(){

$("#twoPage").toggle();
$("#onePage").toggle();
})