javascripthtmltwitter-bootstrap-3twitter-bootstrap-tooltip

Auto hide bootstrap tooltip


I want to hide automatically the Boostrap tooltip after few seconds.

 <input type="text" title="" data-placement="bottom" style="width:200px" data-toggle="tooltip" autocomplete="off" data-provide="typeahead" class="form-control Waring" name="medicine_name" id="medicine_name" data-original-title="Please Enter Valid medicine name">

Solution

  • Bootstrap has this out of the box, you can set a delay property in options (in js)

    delay: { show: 500, hide: 100 }
    

    and in HTML:

    data-delay='{"show":"500", "hide":"100"}'
    

    where hide will get triggered after 100 ms