JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
        <span id="mySpan">Something in English</span>
    </div>

<a href="javascript:void(0)">Click</a>

JavaScript

$('a').on('click', function(){
    $('#mySpan').animate({
        'opacity' : 0
    }, 400, function(){
        $(this).html('Something in Spanish').animate({'opacity': 1}, 400);});
    
});