JSFiddle - React, Tailwind, and code Playground

HTML

<a class="tooltip" id="link1" href="#">Show tooltip</a>
<div style="display:none" id="link1_tooltip">Click anywhere to dismiss</div>

JavaScript

window.addEvent('load', function() {
      $$('a.tooltip').each(function(link) {
        var tooltip = document.id(link.id + '_tooltip'),
            callback = function(e) {
              if( tooltip.style.display === 'block' ) {
                tooltip.style.display = 'none';
                document.removeEvent('click', callback);
              } else {
                tooltip.style.display = 'block';
                document.addEvent('click', callback);
              }
              e.stop();
            };
        link.addEvent('click', callback);
      });
    });