Bootstrap下拉切換菜單而不是單擊箭頭

Question

<ul style="padding:0px;" class="breadcrumb">                    
                    <div class="btn-group">
            <a href="#" class="btn btn-success" style="color:#fff;"> settings</a>
                        <a href="#" data-toggle="dropdown" class="btn btn-success dropdown-toggle"><span class="caret"></span></a>
            <ul class="dropdown-menu">
            <li>
                <a class="drpdwna" href="/one"><strong>One</strong></a>
            </li>
            <li>
                <a class="drpdwna" href="/two"><strong>Two</strong></a>
            </li>
            <li>
                <a class="drpdwna" href="/three"><strong>Three</strong></a>
            </li>           
                        </ul>
            </div>
            </ul>

它在onclick箭頭上起作用，我試圖創建一個下拉切換菜單，該菜單在單擊根目錄時激活，即表示“設置”。

Answer 1

這樣的事情應該起作用。

$(".btn-success").bind("click", function(){
    $(".dropdown-menu").toggle();
});