JSFiddle - React, Tailwind, and code Playground

by Mark Coleman

HTML

<div class="category">
    cat
    <div class="banner">
        Banner
    </div>
</div>
<div class="category">
    cat
    <div class="banner">
        Banner
    </div>
</div>

CSS

.category{
}
.banner
{
    display:none;
}

JavaScript

$('.category').hover(function() {
    $(this).find('.banner').show().animate({
        opacity: "show"
    }, {
        queue: false
    });
}, function() {
    $(this).find('.banner').animate({
        opacity: "hide"
    }, {
        queue: false,
        duration: 400
    });
});