CODEWITHSUNDEEP
jqueryhtmltwitter-bootstrap
Dhanush Bala
Dhanush Bala

Reputation: 1132

Bootstrap dropdown toggle menu istead of clicking arrow

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

it works onclick arrow , I am attempting to create a drop down toggle menu which activates on click root a i mean "settings".

Upvotes: 2

Views: 531

Answers (1)

Praind
Praind

Reputation: 1581

Something like this should work.

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

Upvotes: 3

Related Questions