JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <a id="item1" href="somelinkthatistherebecauseitis">hoverable object</a>
    <div id="item2">text object, here comes alot of text explaining certain features of the website.</div>
</div>

CSS

.container #item2 {
  display: none;
  width: 150px;
  padding: 20px;
  background: red;
  color: white;
  cursor: pointer
}

.container #item1 {
}

.container #item1:hover + #item2 {
  display: block;
}