jQueryで閉じたドロップメニューを開くことができます

Question

jQueryでドロップメニューを閉じると、ボタンをクリックしても再び開くことができません。

ドロップメニューのコード：

    <div class="btn-group"> 
        <button type="button" id="BtPeriod" class="btn btn-primary btn-sm brd-rad-0 dropdown-toggle" data-toggle="dropdown"> 
         <i class="fa fa-area-chart"></i><span class="pad-20">15 last days</span><span class="caret"></span> 
        </button> 
        <div class="dropdown-menu pull-right pad-20 bor-g-1" style="width:420px;"> 
         <div class="fnt-1-5 pad-b-20 brd-rad-6"><i class="fa fa-area-chart pad-r-20"></i>Timelaps of Lines Charts</div> 
         <div class="row"> 
          <div class="col-xs-6"><button type="button" id="BtLast15days" class="btn btn-grey brd-rad-0 btn-block">15 last days</button></div> 
          <div class="col-xs-6"><button type="button" id="BtCurrentMonth" class="btn btn-grey brd-rad-0 btn-block">The current month</button></div> 
         </div> 
        </div> 
       </div> 

それを閉じるためのjQueryコード：

$("#BtCurrentMonth").on("click", function(event) { 
if(!$("#BtCurrentMonth").hasClass("disabled")) { 
    if(isMobile.any() == null) parent.NProgress.start() ; 
    $("#BtPeriod").html("<i class='fa fa-area-chart'></i><span class='pad-20'>The current month</span><i class='fa fa-spinner fa-spin fa-lg'></i>") ; 
    //$(".dropdown-menu").hide() ; 
    //$("#BtPeriod").prop("disabled", true) ; 
    //$(".dropdown-menu").slideUp("fast") ; 
    $("#IfAccountsChart").attr("src", "http://localhost/dev.sublime-art.com/sublime-admin/pages/adminhome/iframes/if_accounts_charts.php?period=onemonth") ; 
} 
}); 

私はドロップダウン・メニューを閉じるの3つのうちひとつのコメントを解除した場合、私は見つけます自分自身をドロップダウンメニューで開くことはできません。

理由は何ですか？魔法のように 感謝:)

編集

$(".btn-group").removeClass("open"); 

作品:)ブートストラップは、あなたのドロップダウンに「オープン」クラスの追加と削除され

Answer 1

、表示/非表示機能がで行われますCSS。だからあなたのコードは、クラスがメニューを表示できないようにメニューを隠しています。

それはあなたがブートストラップがあなたのためにあることを扱うようにそれを閉じるために任意のコードを必要とするように見えるが、あなたがしなければならない場合は、しようとしません。

$(".dropdown-menu").removeClass("open"); 

これはトリックを行う必要があります。