Bootstrap Dropdown Plugin

by bizamajig

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<div id="trigger-button">Click to toggle</div>
<br />
<div class="dropdown clearfix">
   <a class="dropdown-toggle" data-toggle="dropdown" href="#" >Native BS Dropdown trigger</a>
   <ul id="dropdown" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
      <li><a tabindex="-1" href="#">Action</a></li>
      <li><a tabindex="-1" href="#">Another action</a></li>
      <li><a tabindex="-1" href="#">Something else here</a></li>
      <li class="divider"></li>
      <li><a tabindex="-1" href="#">Separated link</a></li>
    </ul>
  </div>
<br>

JavaScript

//
// programatically toggle the dropdown, like .focus()
//
//$(".dropdown-toggle").dropdown('toggle');

//
// trigger dropdown by outside element event
//
$( '#trigger-button' ).click( function( e ){
    e.stopPropagation();
    $( '.dropdown-toggle' ).dropdown( 'toggle' );
});