JSFiddle - React, Tailwind, and code Playground

HTML

<div id="kylesev">
                <span class="name">Kyle Sevenoaks</span>
</div>

<div id="hover_info">
                <div class="kyle_hover">Click here to display general information about Kyle.</div>
</div>

CSS

.kyle_hover
{
    width: 100%;
    color: #000;
    display: none;
}

JavaScript

$(".name").hover(
    function() { $(".kyle_hover").stop(true, true).fadeIn('slow'); },
    function() { $(".kyle_hover").stop(true, true).fadeOut('slow'); }
);