JSFiddle - React, Tailwind, and code Playground

by Rohit Azad

HTML

<div id="verification-sec" class="bottom" style="font-size:10px;">Didn't receive the verification code? <a href="javascript:void(0)" id="verification-code-resend">Click here to resend</a> 
<a id="displayWait" class="loading-action hidden"></a>
											</div>
											<div id="verification-wait-sec" class="bottom" style="font-size:10px;">
											    Verification code has been sent, you shall receive the code shortly.
											</div>

CSS

#verification-code-resend{
    
}
.wait-sec{
    border:solid 1px green;
}

JavaScript

$(document).ready(function(){
   $('#verification-wait-sec').hide();
    $('#verification-code-resend').click(function(){
        $('#verification-sec').hide();
        $('#verification-wait-sec').show();
        setTimeout(showVerificationSec, 8000);
    });
    function showVerificationSec(){
         $('#verification-wait-sec').hide();
         $('#verification-sec').show(); 
    };
});