JSFiddle - React, Tailwind, and code Playground

HTML

<div id="win">Click Here</div>
<div id="hider"></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pharetra sapien ut augue sollicitudin, et facilisis leo aliquam. Fusce pellentesque sem non interdum sollicitudin. Sed consequat volutpat arcu in luctus. Sed rutrum faucibus purus, id rhoncus lectus euismod ut. Donec consectetur nulla at suscipit varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam turpis elit, sagittis et sem non, pretium ultrices quam. Aliquam molestie est ipsum, et fringilla dolor tincidunt ut. Aliquam ac tincidunt purus. Cras sed nisl et massa pharetra vehicula et at mi.

In ultricies auctor augue, in vestibulum dui egestas nec. Nulla elementum pharetra condimentum. Nam suscipit augue non sodales facilisis. Mauris elementum venenatis arcu in pulvinar. Sed ut sapien in sapien faucibus placerat. Maecenas vulputate ipsum quis posuere consectetur. Donec pretium sed nunc ut malesuada.

Ut at iaculis lorem, id pharetra orci. Cras rutrum libero vel ante vestibulum tincidunt. Aliquam ultricies metus nec diam aliquet, pretium fringilla arcu pulvinar. Sed porta lorem non mollis suscipit. Duis pharetra diam ac augue aliquam pharetra. Pellentesque accumsan odio sit amet porta ultricies. Donec luctus leo rutrum ligula sodales volutpat. Praesent hendrerit tellus non justo accumsan scelerisque.

Donec volutpat felis enim, ut hendrerit risus posuere a. Etiam molestie vulputate rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla vulputate diam sed sollicitudin pulvinar. Pellentesque feugiat eu erat et dictum. Quisque purus lacus, mattis sed turpis sed, dapibus eleifend orci. Praesent a aliquet purus. Vestibulum ut ultrices mi. Nullam tempus adipiscing nunc et porttitor.

Vivamus porta cursus luctus. Quisque tempor erat eget porta feugiat. Aliquam sed velit quis magna placerat gravida non sit amet leo. Mauris ut vulputate eros. Curabitur lobortis...

CSS

#win {
    background:yellow;
    width:100px;
    height:100px;
    border:1px solid black;
    line-height:100px;
    text-align:center;
    cursor:pointer;
    z-index:1;
    position:absolute;
}
#win:hover {color:red;border-color:red;}

#hider {
    display:none;
    background:black;
    left:0;top:0;
    width:100%;height:100%;
    position:fixed;
    opacity:0.9;
}

JavaScript

$("#win").mousedown(function(){return false});

function toggleHider(){
    $("#hider").toggle();
}

$("#win").click(toggleHider);
$("#hider").click(toggleHider);