Jquery: How hide or close all open bootstrap tooltip
<p>This way I am showing bootstrap tooltip from my validation function.</p>

<pre><code>var options = { html: true, placement: 'bottom', title: '&lt;div class="tooltip-alert alert-danger" data-placement="bottom"&gt;' + message + '&lt;/div&gt;' };
        $(inputElement).addClass('validation-error');
        inputElement.tooltip("destroy")
            .addClass("error")
            .tooltip(options);
inputElement.tooltip("show");
</code></pre>

<p>so when many tooltips is open and if i click on another button then tooltips are still open which is not good. so tell me how to hide or close all open bootstarp tooltips when user click on another button?</p>