JSFiddle - React, Tailwind, and code Playground

by Muhammad Mushtaq Sheikh

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

   
    <ul>
        <h2>Programming Languages</h2>
        <li>Python</li>
        <li>Javascript</li>
        <li>C++</li>
        <li>C#</li>
        <li>ruby</li>
    </ul>
    <ol>
        <h2>Top 3 Best Animations</h2>
        <h4><li>Slide</li></h4>

    <div id="frog"></div>
    </ol>

CSS

#frog{
            width: 100px;
            height: 100px;
            background-color: red;
            position: relative;
            left: 20px;
        }

JavaScript

$("#frog").click(function() {
            $("#frog").animate({left: "200px"}, 500);
        });