JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" type="text/css" href="style.css"> 
<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    </head>
    <body>
   
            
            <div class="sort"></div>

    
</html>

CSS

.sort {
    width: 50px;
    height: 50px;
    background-color: #EA932E;
}

JavaScript

$(".sort").toggle(function() {
    $(".sort").animate({
        width: '90%'
    });
}, function() {
    $(".sort").animate({
        width: '50px'
    });
});