JSFiddle - React, Tailwind, and code Playground

by sarathsprakash

HTML

<a id="clk" href="#">click</a>

<div id="hi">
    <a href="#" id="close">close</a>
</div>

CSS

body {
    height:1000px;
}
#hi {
    display:none;
    z-index:1000;
    background:red;
    height:200px;
    width:200px;
}

JavaScript

$("#clk").click(function () {
    $('body').css('overflow','hidden');
    $("#hi").css("display","block");
   
});
$("#close").click(function () {
    $('body').css('overflow','auto');
    $("#hi").css("display","none");
    
});