Jquery: How hide or close all open bootstrap tooltip

Question

This way I am showing bootstrap tooltip from my validation function.

var options = { html: true, placement: \'bottom\', title: \'


        
      

Answer 1

When you have 100s of tooltips open, I believe you have given .tooltip class for everything. So, you can use this shorthand to close all the tooltips:

$(".tooltip").tooltip("hide");

Snippet

$(function () {
  $('[data-toggle="tooltip"], .tooltip').tooltip();
  $('[data-toggle="tooltip"], .tooltip').tooltip("show");
  $("button").click(function () {
    $('[data-toggle="tooltip"], .tooltip').tooltip("hide");
  });
});

body {padding: 50px;}

Hover over me
Hover over me
Hover over me



Tooltip on left

Tooltip on top

Tooltip on bottom

Tooltip on right







Hide All