JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.flowtrend.net/templates/flowtrend/js/hoverintent.js"></script>
<span class="item-134">
    <a href="#">Products</a>
</span>

<div id="banner-top" class="hidden">Hidden Div</div>

CSS

.hidden {
    display: none;
}

JavaScript

var settings = {
    interval: 75,
    timeout: 1500,
    over: mousein_trigger,
    out: mouseout_trigger
};

jQuery('.item-134 a, #border-top').hoverIntent(settings);

function mousein_trigger() {
    jQuery('#banner-top').removeClass('hidden')
}

function mouseout_trigger() {
    jQuery('#banner-top').addClass('hidden')
}