JSFiddle - React, Tailwind, and code Playground

HTML

<div>Initial</div>
<a id=a1 href=#>Link 1</a>
<a id=a2 href=#>Link 2</a>
<a id=a3 href=#>Link 3</a>

JavaScript

function showIt(message) {
    $('div').empty().append(message)
        .stop()
        .css('opacity', 1);
}

$('#a1').click(function() {
    showIt('Foo!');
    return false;
});

$('#a2').click(function() {
    showIt('Bar!');
    return false;
});

$('#a3').click(function() {
    showIt('Quux...');
    $('div').fadeTo(4000, 0, 'easeInExpo');
    return false;
});