JSFiddle - React, Tailwind, and code Playground

by George Batt

HTML

<div class="wrapper">
    <div class="container"> <a href="http://www.youtube.com"> GOOGLE </a>

    </div>
</div>

CSS

.wrapper {
    background-color: grey;
    width: 400px;
}

JavaScript

$('.wrapper').css('display', 'none');
$('.wrapper').fadeIn(1000);

$('a').click(function (e) {
    e.preventDefault();
    theHref = this.href;
    $('.wrapper').fadeOut(1000, function(){
      window.location = theHref;
      console.log(theHref);        
    });
});