Control hover twitter bootstrap popover.

gistfile1.js

$(function () {
   var $popoverInbox = $('#example').popover({
        title: 'Test',
        placement: 'bottom',
        trigger:'manual',
        template: '<div class="popover-all"><div class="popover-arrow"></div><div class="popover-inner"><h3 class="popover-title">Example</h3><div class="popover-content"></div></div></div>'
    });

  var timerPopover, popover_parent;

   function hidePopover(elem) {
  	$(elem).popover('hide');
	}

   $('#example').hover(
		function() {
			var self = this;
			clearTimeout(timerPopover);
			$('.popover-all').hide(); //Hide any open popovers on other elements.
			popover_parent = self;
			$(self).popover('show');
		},
		function() {
			var self = this;
			timerPopover = setTimeout(function(){hidePopover(self);},300);
		}
	);

	$(document).on({
		mouseenter: function() {
			clearTimeout(timerPopover);
		},
		mouseleave: function() {
			var self = this;
			timerPopover = setTimeout(function(){hidePopover(popover_parent);},300);
		}
	}, '.popover-all');


});