Twitter-bootstrap: ¿Cómo verificar si el popover ya se está mostrando?

Question

He creado un popover en un menú desplegable a través de los datos de atributos:

<select id="timezone_dropdown" data-content="This is the timezone" rel="popover" data-placement="bottom" data-original-title="Time Zone"> 

Y cada vez que hago clic en un botón de enlace, me gustaría mostrar la popover flotando sobre el desplegable.

<a class="btn timezone_help" href="#">Help</a> 

en JavaScript he definido así:

$(document).ready(function() { 
    $('.timezone_help').click(show_timezone_help);  
}) 

function show_timezone_help(event){ 
    event.preventDefault(); 
    $('#timezone_dropdown').popover('show'); 
} 

Esto hace el trabajo, sin embargo, al hacer clic en el botón de nuevo, todavía queda allí. ¿Hay alguna manera de comprobar si ya está abierto y ocultarlo en su lugar dentro de la función, o hay una forma mejor?

Answer 1

Uso .popover('toggle'):

function show_timezone_help(event){ 
    event.preventDefault(); 
    $('#timezone_dropdown').popover('toggle'); 
}​ 

Y añadir el atributo data-trigger="manual" a su desplegable.

DEMO.