JSFiddle - React, Tailwind, and code Playground

HTML

<div class="_jsNav">111</div>
<div class="_jsNav">222</div>
<div class="_jsNav">333</div>

<div class="_jsStage">jsStage (mouseenter)</div>

CSS

._jsNav
{
    width: 300px;
    background-color: red;
    margin-bottom: 3px;
}

JavaScript

$(function(){

    var menuSlide = function(elm){
        elm.animate({ width: '150px' }, 50, function() { }); 
    };
     
    var slideIn = function() { 
        $('._jsNav').each(function(){ 
            var elm = $(this);
            setTimeout(function() { 
                menuSlide(elm);
            }, 200); 
         }); 
    } 
     
    $('._jsStage').mouseenter(slideIn); 
});