JSFiddle - React, Tailwind, and code Playground

HTML

<div class="promo">
   <div class="offer hint--top hint--info hint--rounded hint--info"  
    data-hint="PUT SOME COOL COPY, TO GET PEOPLE TO CLICK!!!">dddddddttrt</div>
</div>

JavaScript

$( '.promo' ).on('click','.offer', function(){ 
       $(this).hide();
});
   $( '.promo' ).on('mouseleave','.offer', function(){
       alert("mouseleave");
       $(this).show();
});