Twitter-bootstrap: come verificare se il popover sta già mostrando?

Question

Ho creato un popover su una discesa attraverso i dati di attributi:

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

E ogni volta che clicco su un pulsante di collegamento, vorrei mostrare il popover galleggiante sopra il menu a discesa.

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

in JavaScript ho definito in questo modo:

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

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

Questo fa il lavoro, ma quando si fa clic di nuovo sul pulsante, rimane ancora lì. C'è un modo per verificare se è già aperto e nasconderlo invece all'interno della funzione, o c'è un modo migliore?

Answer 1

Uso .popover('toggle'):

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

E aggiungere l'attributo data-trigger="manual" alla discesa.

DEMO.