JSFiddle - React, Tailwind, and code Playground

by nosfan1019

HTML

<div class='asdf'></div>
<div class='asdf'></div>
<div class='asdf'></div>
<div class='asdf'></div>
<div class='asdf'></div>
<div class='asdf'></div>
<div class='asdf'></div>
<div class='asdf'></div>
<div class='asdf'></div>

CSS

.asdf {
    width: 20px;
    height: 20px;
    background: red;
}

JavaScript

$('.asdf').mouseover(function() { 
    $(this).attr('style','width: 400px');
});

$('.asdf').mouseout(function() { 
    $(this).animate({width: '20px'});
});