JSFiddle - React, Tailwind, and code Playground

by achusonline

HTML

<div class="big-signup"> <a href="javascript:void();" id="signUp">Sign up now. It's <span>FREE &raquo;</span></a>
    <br /> <br /></div>
    
    <div id="overlay">&nbsp;asda</div>

CSS

#overlay{
    height:100%;
    width:100%;
    display:none;
}
.overlay{
    background-color:#000;
    opacity:0.5;
    display:block;
}

JavaScript

$(function(){
    
    $("#signUp").click(function() {
        alert("aSD");
        $("#overlay").addClass(".overlay");       
         $('html, body').animate({scrollBottom:0}); 
    });
    
})