JSFiddle - React, Tailwind, and code Playground

HTML

<div class="red">Text</div>
<div class="black">Text</div>

CSS

div {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 48px;
    font-family: arial;
    font-weight: bold;
    width: 150px;
    overflow: hidden;
    cursor: pointer;
}
div.red { color: red;}

JavaScript

$(document).ready(function() {
    $("div.black").animate({
        'width': 0
    }, 2000);
});