title: Hide twitter bootstrap popover
body: <p>Following is my jquery code which i  am using to display <code>popover</code> .  What i wanna do is when a user click anywhere on the screen or on any <code>&lt;span id="close" class="pover"&gt;&lt;/span&gt;</code> then it hides the current opened popover and show a new popover on which the user clicks on.</p>
  
  <p>As You can see below span which contains <code>class="pover"</code> are being poped up by the following jquery kindly let me know how can i hide the opened popup and display a new one accordingly</p>
  
  <p>Currently, all the popover are getting displayed on click event.</p>
  
  <pre><code>$(document).ready(function() {
      $('.pover').each(function() {
          //$('#close').popover( "hide" );
          $(this).popover({
              title: $(this).attr('abc'),
              content: $(this).attr('data-content'),
              delay: "show",
              trigger: "click"
          });
      });
  });​
  </code></pre>