JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<a href="#" class="trigger">click me</a>
<div class="info">info displayed on trigger hover</div>

CSS

.info { display: none; border: solid 1px #ddd; }

JavaScript

$(".info").css({opacity: 0 }).show();
$(".trigger, .info").hover(function() {
    $(this).next().stop().animate({opacity: 1 });
}, function() {
    $(this).next().stop().animate({opacity: 0 });
});
$(".info").hover(function() {
    $(this).stop().animate({opacity: 1 });
}, function() {
    $(this).stop().animate({opacity: 0 });
});