JSFiddle - React, Tailwind, and code Playground

by Radioactive

HTML

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

CSS

ul{margin:0 0 0 -40px;width:100%;height:100%;}
ul li{display:block;float:left;height:50px;width:50px;margin:15px;border:1px solid #888;}

JavaScript

var listli = $("li");

listli.hide();
listli.show("puff", { percent: 160 }, 1000);