JSFiddle - React, Tailwind, and code Playground

by dsummersl

HTML

<div id="cheetah">
   <p><a href="#">Cheetah</a></p>
    <div id="hidden">
       <p>A cheetah is a land mammal that can run up 2 60mph!!!</p>
    </div>
</div>

CSS

#cheetah {
    background-color: red;
    text-align: center;
}

a {
    color: blue;
}

#hidden {
    display:none;
    color: orange;
 }

#cheetah:hover > #hidden {
    display:block;
}