JSFiddle - React, Tailwind, and code Playground

by psychomachine

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<p><a data-r="nerd">word</a> <a data-r="dork">word</a></p>

CSS

a{
 font-size: 60px;
}

JavaScript

jQuery(document).ready(function($) {


    $('a').click(function(index) {
        $(this).fadeOut(500, function() {
            $(this).text($(this).attr("data-r"));
        });
        $(this).fadeIn(500);
    });




});