JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <button type="button" id="foo">Toggle?</button>
    <p>bar</p>
    bla bla bla
</div>

CSS

div {
    height: 30px;
    overflow: auto;
    padding: 30px;
}

button {
    display: block;
}

p {
    display: none;
}

button:hover + p {
    display: block;
}