JSFiddle - React, Tailwind, and code Playground

by Roger Sanchez

HTML

<script src="https://code.jquery.com/ui/jquery-ui-git.js"></script>
<div id="DivShowin" style="height:200px; width: 200px; background-color: red;position:relative; ">
<span style="color:#fff"></span>
</div>

JavaScript

/*$("#DivShowin").show("slide", { top: "10px" }, 1000);*/
      //direction: up,down
$("#DivShowin").animate({ 
        top: "30px",
      }, 1000 );