Jquery Menu Click - on click anywhere on body will close the menu

Menu Click - on click anywhere on body will close the menu

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">


<div class="btn-group">
    <button type="button" class="btn btn-default btn-warning dropdown-toggle clickme" data-toggle="dropdown">
      Dropdown
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
      <li><a href="#">Dropdown link</a></li>
      <li><a href="#">Dropdown link</a></li>
        <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
    </ul>
  </div>

JavaScript

$(document).ready(function(){

    var log = function(a){
        $(".info").html( $(".info").html() + "<br/>" + a );
    };
    
    var toggleClick = function(){

        var divObj = $(this).next();
        var nstyle = divObj.css("display");

        if(nstyle == "none"){
            divObj.slideDown(false,function(){
                $("html").bind("click",function(){
                    divObj.slideUp();
                    $("html").unbind("click");
                });
            });
        }
    };

    $(".clickme").click(toggleClick);
   
});