jquery - 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>

它可以在单击箭头上工作，我正在尝试创建一个下拉切换菜单，该菜单在单击根按钮时激活，我的意思是“设置”。

Answer 1

像这样的东西应该有效。

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