JSFiddle - React, Tailwind, and code Playground

by calder12

HTML

<a href="#" class="overlay" title="Hello World">Click</a><br />
<a href="#" class="overlay" title="Goodbye Cruel World">Click</a><br />
<a href="#" class="overlay" title="Barney">Click</a><br />
<a href="#" class="overlay" title="Fred">Click</a><br />
<a href="#" class="overlay" title="Wilma">Click</a><br />
<span id="target">Hi</span>

JavaScript

$('.overlay').on("click",function(){
    var text = $(this).attr("title");
    $('#target').animate({'opacity': 0}, 1000, function () {
        $(this).text(text);
    }).animate({'opacity': 1}, 1000);
});