drop-down-menu - ドロップダウンメニュー内のtwitterブートストラップドロップダウンボタン

Question

別のドロップダウンボタンのドロップダウンメニュー内にドロップダウンボタンを表示することができました。

私が達成しようとしていることについては、 http：//jsbin.com/opepeg/1/editをご覧ください。

ここで問題となるのは、プライマリボタンをクリックすると完全に機能するのに、内部のボタンにメニューが表示されないことです。私は何が悪いのですか？

Answer 1

次を追加して解決しました：

$(this).parent().toggleClass('open');

内ボタンのタグのonclickイベントへ。問題で提供したjsbinリンクでそれを見ることができます。

変更された html は次のとおりです。

    <a class="dropdown-toggle btn" data-toggle="dropdown" href="javascript:;" 
onclick="$(this).parent().toggleClass('open');">
      Search by date&nbsp;<span class="caret"></span>
    </a>

そしていくつかのcss：

.btn-group.open .btn-group .btn.dropdown-toggle{
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}