JSFiddle - React, Tailwind, and code Playground
HTML
<div id="parent">
<div id="sibling">1</div>
<div id="resizableDiv">2</div>
</div>
<br/><button>Show/Hide</button>
CSS
#parent {
display: table;
width: 100%;
height: 100px;
}
#sibling, #resizableDiv {
display: table-row;
background: silver;
}
#resizableDiv {
background: gray;
}
JavaScript
$("button").click(function () {
$("#resizableDiv").toggle();
});