JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/ui-darkness/jquery-ui.css">
<button id='my-button' class='tooltip' title='Tooltip text'>Click me</button>
<button id='my-button-2' class='tooltip' title='Still works'>Click me 2</button>

JavaScript

$(document).tooltip({items: '.tooltip'});

$('#my-button').click(function() {
    // Disable the tooltip on just the button.
    
    // This doesn't work.
    // $('#my-button').tooltip('disable');
   
    // Manual workaround
    button = $('#my-button');
    tooltipId = button.attr('aria-describedby');
    $('#' + tooltipId).remove();
    button.removeClass('tooltip');    
});

$('#my-button-2').click(function() {
    // Re-enable the tooltip.
    
    // This doesn't work.
    // $('#my-button').tooltip('enable');
    
    // Manual workaround
    $('#my-button').addClass('tooltip');
});