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();
});