Initiate Bootstrap prompt manually
With bootstrap popovers you can control when to hide and show them on any element
<span id="span">Click me</span> <script> $('#span').click(function(){ $(this).popover({ title: 'some title', content: 'nice popover', trigger: 'manual', placement:'top', html: true }).popover('show'); clickedAway = false isVisible = true }); $(document).click(function() { if(isVisible & clickedAway){ $('#span').popover('hide') isVisible = clickedAway = false }else{ clickedAway = true } }); </script> How can I do the same with tooltips? The difference with popovers and tooltips seems to be that tooltips start with loading the DOM, and popovers can be triggered manually from the event listener.