JSFiddle - React, Tailwind, and code Playground

by pdavis68

HTML

<div id="outer">
    <div id="inner1"> <span>Hello1</span>

    </div>
    <div id="inner2"> <span>Hello2</span>

    </div>
</div>

CSS

#inner1 {
    border-width: 2px;
    border-color: #ff0000;
    border-style: solid;
    color: #008080;
    height: 60px;
}
#inner2 {
    border-width: 2px;
    border-color: #0000ff;
    border-style: solid;
    color: #808000;
}

JavaScript

var divH = jQuery("#inner1").height();

$(window).resize(function () {
    alert("window resize");
    checkResize();
});

$("#inner1").click(function () {
    alert("
inner1 click ");
    $("#inner1").height(40);
});

function checkResize() {
    var h = jQuery("#inner1").height();
    if (h != divH) {
        $("#inner2 ").css('color', 'green');
    }
}