Bootstrap show.bs.tooltip event

The show.bs.tooltip event in Bootstrap fires when the tooltip is about to be displayed ?

$("[data-toggle='tooltip']").on('show.bs.tooltip', function(){
  alert('Tooltip will be visible now.');
});

The "data-toggle" attribute is set before as an tag attribute, since the Bootstrap generates from there itself ?

  Timings

You can try to run the following code to implement the show.bs.tooltip event ?

Example

  
    
    
    
    
    
    
  


  

    
Event
    
Here tooltip will be displayed using the "Show" buttpn and can be hidden using the "Hide" button.
    Timings
    

      Show
      Hide