JSFiddle - React, Tailwind, and code Playground

by jomanlk

HTML

<p></p>
<p></p>
<p></p>
<div></div>
<div></div>
<div></div>
<br>
    <span style='clear:both' id='log'></log>

CSS

p {
    width: 50px;
    height: 50px;
    background : red;
    float: left;
    margin-left: 20px;
}

div {
    width: 50px;
    height: 50px;
    background : blue;
float: left;
    margin-left: 20px;
}

JavaScript

$(':animated').live('resize', function(){
   $('#log').append('animation running <br>')
})
    $('#log').append('animation starting<br>')
    $('p').animate({'height': '20px'}, 200);
    $('div').animate({'height': '80px'}, 200);