JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
    <div id="test1">test 1</div>
    <div id="test2">test 2</div>
</div>

JavaScript

$(document).ready(function(){        
    alert(document.getElementById("test").getBoundingClientRect().height);
    $("#test").hide();    
    alert(document.getElementById("test").getBoundingClientRect().height);
});