JSFiddle - React, Tailwind, and code Playground

by edddotcom

HTML

<img id="imgtab" src="http://cloudsmaker.com/hipsterwall/img/salto-al-norte.jpg">
<p id="textab">Paragraph Text</p>

CSS

#imgtab {
    position:relative;
}
#textab {
    position:relative;
    left:410px;
    top:-240px;
    width:300px;
    height:300px;
}

JavaScript

$(document).ready(function () {
    $("#imgtab").toggle(function () { //fired the first time
        $("#imgtab").animate({
            width: "200px",
            height: "116px"
        });
    }, function () { // fired the second time 
        $("#imgtab").animate({
            width: "400px",
            height: "232px"
        });
    });
});