JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<body>
    <a href="#" data-toggle="tooltip" data-placement="bottom" data-original-title="A large tooltip.">Large tooltip</a><br />
        <a href="#" data-toggle="tooltip" data-placement="bottom" data-original-title="A large tooltip.">Large tooltip</a><br />
    <a href="#" data-toggle="tooltip" data-placement="bottom" data-original-title="A large tooltip.">Large tooltip</a><br /><br />
    <div id='dis'>disable with disable</div>
    <div id='des'>disable with destroy</div>
</body>

JavaScript

$(document).ready(function() {
$("body").tooltip({ selector: '[data-toggle="tooltip"]' });
  
$('#dis').on('click',function() {       
        $('[data-toggle="tooltip"]').tooltip('disable');
    alert('disable');
});
    $('#des').on('click',function() {       
        $('body').tooltip('destroy');
        alert('destroy');
});
});