jquery - Twitter-bootstrap:ポップオーバーがすでに表示されているかどうかを確認するには?

Question

データ属性を介してドロップダウンにポップオーバーを作成しました:

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

リンク ボタンをクリックするたびに、ポップオーバーがドロップダウンの上に浮かんで表示されるようにしたいと考えています。

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

JavaScript では、次のように定義しました。

$(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"をドロップダウンに追加します。

デモ。