Bootstrap Popover - hide all

by mark47

HTML

<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
<a data-content="a popover" class="poppy" id="mypopover" href="#">click me</a>
<br /><br />
<a data-content="a popover" class="poppy" id="mypopover2" href="#">click me</a>

JavaScript

$(document).ready(function(){
  $("#mypopover").popover();
  
  $(document).on('click', function(){
      $("#mypopover").popover('hide');
  });
  
  $('#mypopover').click(function(){
      return false;
  });
});