JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li id="one">
        <div>
            <h4>title</h4>
            <p>description</p>
        </div>
    </li>
</ul>

CSS

#one {
    overflow: hidden;
    position: relative;
    border: 1px solid gray;
    min-height: 40px;
    
}

#one div { 
    position: absolute;
    left: -50px;
}

JavaScript

$('#one').hover(
        function() {
            $(this).find('div').animate({
                left: '0px';
            }, 'fast' );
        },function() {
            $(this).find('div').animate({
                left: '-50px';
            },'fast');
        }
    );