JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://labs.coruscantconsulting.co.uk/strasbourg/bus/js/jquery.tipsy.js"></script>
<link rel="stylesheet" href="http://labs.coruscantconsulting.co.uk/strasbourg/bus/js/tipsy.css">
<button rel='tipsy' id="copy-button" data-copied-hint="Copied!" title="Click to copy url"> <span>TEST</span></button>

JavaScript

var last_clicked_el = null;

function tipsyToolTipText() {
    if (this === last_clicked_el) {
        last_clicked_el = null;
        return this.getAttribute('data-copied-hint');
    } else {
        return this.getAttribute('original-title');
    }
}

// Setup tooltips
$(function () {
    $('#copy-button').tipsy({
        fade: true,
        gravity: 'n',
        title: tipsyToolTipText
    });
});

// Click hander for button
$("#copy-button").click(function (e) {
    last_clicked_el = e.delegateTarget;
    $('#copy-button').tipsy("hide");
    $('#copy-button').tipsy("show");
});