JSFiddle - React, Tailwind, and code Playground

by sendil J

HTML

<div>
    <div id="top">
        <div id="overlay"><div id="aprrovalBtn">
            
            
        </div> 
                
        </div>
        <div class='content'> dfdslfadfd </div>
            <div class='content'> dfdslfadfd </div>
            <div class='content'> dfdslfadfd </div>  
</div>
    </div>

CSS

#top{
   width: 200px;
   
    height:auto;
    background:#eee;
    position: relative;
}


#overlay{
    width:200px;
    height:100%;
    background:red;
    opacity:1;
    position: absolute;
    z-index:100001;

}
#aprrovalBtn{
    width:20px;
    height:10px;
    background:blue;
    margin:auto;
    opacity:1;
    cursor:pointer;
    margin-top:25%;
     position: relative;
}
.content{
    width: 100%;
    height: 100px;
    background:orange;
}

JavaScript

$(document).ready(function(){
 
      $("#aprrovalBtn").click(function(){
        $('#overlay').css('display','none');
  });
});