Twitter-bootstrap：ポップオーバーが既に表示されているかどうかを確認する方法は？

Question

私はデータを介してドロップダウンにポップオーバーを作成している属性：

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

そして、私はリンクボタンをクリックしたときに、私はドロップダウンの上に浮いポップオーバーを表示したいと思います。私はこのようにそれを定義したJavaScriptで

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

：

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

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

これは仕事をしていませんが、しかし、私はボタンをもう一度クリックすると、それはまだそこにとどまります。既に開いているかどうかをチェックして関数内に隠す方法はありますか、それとも良い方法がありますか？

Answer 1

使用.popover('toggle')：

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

そして、あなたのドロップダウンに属性data-trigger="manual"を追加します。

DEMO。