JSFiddle - React, Tailwind, and code Playground

by Researcher

HTML

<!doctype html>
<html>
<head>
    <title></title>
    <!--link type="text/css" href="gui/ccc.css" rel="stylesheet"/-->
    <!--style type="text/css">
        #box
        {
            background: red;
            width: 300px;
            height: 300px;
            position: relative;
        }

    </style-->
    <!--script type="text/javascript" src="scripts/min.js"></script-->
</head>
<body>

    <div id="box">

    </div>

</body>
</html>

CSS

#box {
    background: red;
    width: 150px;
    height: 150px;
    position: relative;
}

JavaScript

//Hello jQuery 2
$(document).ready(function() {
    $('#box').click(function() {
        $(this).animate({"left" : "150px" }, 4000);
        $(this).animate({ "width" : "50px" }, 4000);
    });
});