JSFiddle - React, Tailwind, and code Playground

HTML

<div id="containter">
    <div id="top"></div>
    <div id="bottom"></div>
</div>

CSS

#top {
    height: 100px;
    background-color: blue;
}

#bottom {
    height: 100px;
    background-color: red;
}

#top:hover {
    height: 200px;
}

#top:hover ~ #bottom {
    height: 0;
}