JSFiddle - React, Tailwind, and code Playground

by suit

HTML

<div class="foo">touch me (div)</div><div class="bar">here i am</div>
<a class="foo">touch me (a)</a><span class="bar">here i am</span>
<a class="foo" href="#">touch me 2 (a)<span class="bar">here i am</span></a>

CSS

.foo {
    background: red;
    width: 100px;
    height: 100px;
    display: block;
}
.bar {
    background: blue;
    width: 100px;
    height: 100px;
    display: none;
}

.foo:hover+.bar,
.foo:hover span {
    display: block;
}