JSFiddle - React, Tailwind, and code Playground

by Jim_Toth

HTML

<div id="superNFPanel">
    <button id="uploadSubtitle" class="superNFicon superSubtlte"></button>
    <button id="videoQuality" class="superNFicon superNerd"></button>
    <button id="nerdInfo" class="superNFicon superQuilty"></button>
    <div id="subtlteInfo">
        <div id="subtlteInfoIn">Support .DFXP Subtitle Files Only — <a href="http://subflicks.com/" target="_blank">Use SubFlicks Tool</a>

        </div>
    </div>
</div>

CSS

@font-face {
    font-family:'supernetflixicons';
    src:...

JavaScript

$(document).on({
    mouseenter: function () {
        $('#subtlteInfo').stop().fadeIn(100);
    }
}, '#uploadSubtitle');

$(document).on({
    mouseleave: function () {
        $('#subtlteInfo').stop().fadeOut(100);
    }
}, '#superNFPanel');