JSFiddle - React, Tailwind, and code Playground

by MrTest

JavaScript

/*!Tooltips
    ---------------------------------------------*/
    $('.tooltip').each(function() {
        var tooltipText = $(this).html();
        var jTrigger = $('<img src="img/icons/help.png" class="tooltip-icon" alt="?"/>');
        jTrigger.click(function() {
            return false;
        });
        $(this).replaceWith(jTrigger);
        jTrigger.hover(function() {
            var jTooltip = $('<div class="tooltip-body"><span class="tip"></span>' + tooltipText + '</div>');
            $('body').append(jTooltip);
        }, function() {
            $('.tooltip-body').remove();
        }).mousemove(function(e) {
            $('.tooltip-body').css({
                left: e.pageX + 30,
                top: e.pageY - $('.tooltip-body').height() / 2
            });
        });
    });