JSFiddle - React, Tailwind, and code Playground

HTML

<div>Long content goes here but is hidden at first..</div>

CSS

div{
    padding:2px;
    border:1px solid #999;
    overflow:hidden;
    width:100px;
    height:50px;
    white-space:nowrap;
}

JavaScript

$('div').toggle(
    function(){$(this).animate({'width':'+=300'});},
    function(){$(this).animate({'width':'-=300'});}
);