JSFiddle - React, Tailwind, and code Playground

HTML

<span class="track-version">
        <span class="version-wrapper"><span class="truncate"><span class="width">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></span></span>
</span>
<span class="track-version">
        <span class="version-wrapper"><span class="truncate"><span class="width">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></span></span>
</span>
<span class="track-version">
        <span class="version-wrapper"><span class="truncate"><span class="width">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></span></span>
</span>
<span class="track-version">
        <span class="version-wrapper"><span class="truncate"><span class="width">sLorem ipsum dolor.</span></span></span>
</span>
<span class="track-version">
        <span class="version-wrapper"><span class="truncate"><span class="width">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span></span></span>
</span>

CSS

.track-version {
    display: block;
    width: 270px;
    padding-top: 13px;
    height: 27px;
    }
    .track-version .version-wrapper {
        display: block;
        width: 230px;
        overflow: hidden;
        height: 15px;
        float: left;
        }
    .track-version .truncate {
        display: block;
        height: 15px;
        width: 3000px;
        float: left;
        }

JavaScript

//scroll long track name function
    function scrollTrack(e) {
        var moveWidth =  $(e).data("width") - 230; //calculate how far to move name
        $(e).hover( function() {
            $(e).find(".width").animate({ //animate it
                marginLeft: "-" + moveWidth,
              }, moveWidth * 20 ); //calculate speed based on 1:20 ratio
        }, function() {
            $(this).stop().css("color", "red"); //This isn't working ARR!
        });
    }
    
//find length of tracks and bind function
    $(".track-version").each(function(){
        var trackWidth = $(this).find(".width").width(); //find width of trackname
        if (trackWidth >= 270){
            $(this).data("width", trackWidth); //attached width to object
            scrollTrack(this);
        }
    });