JSFiddle - React, Tailwind, and code Playground

by Sgoettschkes

HTML

<div id="header"> Header </div>

<div id="footer"> footer </div>

CSS

html,body{
  width:100%;
  height:100%;   
}
#header {width:100%;height:50px; background:yellow position:absolute;top:0;left:0}
#footer {width:100%;height:50px; background:red; position:absolute;bottom:0;left:0}

JavaScript

$('body').click(function() {
    $('#header').toggle();
    $('#footer').toggle();
});