JSFiddle - React, Tailwind, and code Playground

by Alfie

HTML

<div class="upgrade" id="upgrade-1" data-modal="bonus">a
       <!-- text -->
    </div>

   <div class="bonus">a
      <!-- bonus product text -->
   </div>

JavaScript

$(document).ready(function() {
         var modal="";
        $('.upgrade').mouseenter(function() {
             modal = $(this).data('modal');
            // alert(modal);
            $('.' + modal).fadeIn(200);
        }).mouseleave(function() {
            $('.' + modal).stop().fadeOut(200);
        });
    });