JSFiddle - React, Tailwind, and code Playground

HTML

<a class="widget-stars" href="#star">star</a>

<div id="star">star shown</div>

CSS

#star { display: none; }

JavaScript

$(document).ready(function() {
  $('.widget-stars').bind('click', function() {
    event.preventDefault();
    $('#star').fadeIn(function() {
      $( "#star" ).parents( "body" ).bind( "click", function() {
        $( "#star" ).fadeOut();
        $( this ).unbind( "click" );
      });
    });
  });
});