JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div>A</div>
    <div>B</div>
</div>

CSS

#container > div {
    display: none
}
#container > div:first-child {
    display: block
}
#container:hover > div {
    display: block
}