JSFiddle - React, Tailwind, and code Playground

by jassi9911

HTML

<a href="javascript:void(0);" id="sign_for_email">Signup For Newsletter</a>

<div id="newsletter_area">
     <input id="email_id" name="email_id" type="text" class="field"  />
     <input type="button" id="submit_newsletter" value="Submit" />
</div>

CSS

#newsletter_area {
    display:none;
    position:absolute;
    top:100px;
    left:30px;
    /*margin-left:-200px;*/
    width:915px;
    background:#000;
    padding:15px;
    /*border:2px solid #CCCCCC;*/
    z-index:1001;
    float:left;
}

JavaScript

$(document).ready(function () {
$("#sign_for_email").click(function(){
    alert('here');
       $("#newsletter_area").fadeIn(300);      
        $("#submit_newsletter").click(function(){          
        var email_id = $("#email_id").val();
        if(email_id == ""){
            alert("Please enter a email id");
            return false;
        }
       });                    
    });
});