JSFiddle - React, Tailwind, and code Playground

by msm595

HTML

<div>Hello World (again)!</div>
<div>This is page two</div>
<a id="next" href="http://fiddle.jshell.net/msm595/u5Eg2/3/show/light/#fade">To page one!</a>

JavaScript

if (location.hash == "fade" || true) {
    $('body').css('opacity', '0').animate({
        opacity: 1
    }, 1000);
}
$('#next').click(function(e) {
    e.preventDefault();
    $('body').animate({
        opacity: 0
    }, 1000, function() {
        location.href=e.target.href;
    });
});