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>

它可以点击箭头，我正在尝试创建一个下拉切换菜单，该菜单会在点击根目录上激活我的意思＆＃34;设置＆＃34;。

Answer 1

这样的事情应该有效。

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