JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">stuff1</div>

<div id="sub">stuff2</div>

CSS

#main {
    position: absolute;
    background-color: #ff0000;
    z-index: 999999;
}

#sub {
    position: absolute;
    background-color: #00ff00;
    z-index: -999999;   
}

JavaScript

$(document).ready(function() {

    $("#main").css("height", $(window).height());
    $("#main").css("width", $(window).width());

    $("#sub").css("height", $(window).height());
    $("#sub").css("width", $(window).width());

    $("#main").on("click", function() {

        $("#main").slideUp(1000, redirectPage);

    });

    $("#sub").on("click", function() {

        $("#main").slideDown();

    });

});

function redirectPage() {
    window.location = "http://www.google.com";
    }