title: Twitter-bootstrap: How to check if the popover is already showing?
body: <p>I have created a popover on a dropdown via data attributes:</p>
  
  <pre><code>&lt;select id="timezone_dropdown" data-content="This is the timezone" rel="popover" data-placement="bottom" data-original-title="Time Zone"&gt;
  </code></pre>
  
  <p>And whenever I click on a link button, I would like to show the popover floating over the dropdown. </p>
  
  <pre><code>&lt;a class="btn timezone_help" href="#"&gt;Help&lt;/a&gt;
  </code></pre>
  
  <p>In javascript I have defined it like this:</p>
  
  <pre><code>$(document).ready(function () { 
       $('.timezone_help').click(show_timezone_help);     
  })
  
  function show_timezone_help(event){
      event.preventDefault(); 
      $('#timezone_dropdown').popover('show');
  }
  </code></pre>
  
  <p>This does the job, however when I click again on the button, it still stays there. Is there a way to check if its already open and hide it instead within the function, or is there a better way?</p>