title: javascript for hide on clicking anywhere in the body
body: <p>Can any one help me for hide menu on click anywhere in body.
   Here is the link as same as
  <a href="http://ashobiz.asia/boot-extended15/ui/ui-323.html" rel="nofollow">enter link description here</a></p>
  
  <p>Right Now the menu open when we click on top Button icon , Is this possible to open on each button click and specific div open.</p>
  
  <pre><code>&lt; script &gt;
    &lt;!-- ToolTip --&gt;
    $(function() {
      $('.ui-323 ul.ui-nav &gt; li').tooltip();
    });
  
  $(document).ready(function() {
    $(".ui-323 ul.ui-nav &gt; li &gt; a.ui-bar").click(function(e) {
      e.preventDefault();
      if (!($(this).parents(".ui-323").hasClass("active"))) {
        $(this).parents(".ui-323").addClass("active"); //Add Class Active
      } else {
        $(this).parents(".ui-323").removeClass("active"); //Remove Class Active
      }
    });
  });
  
  
  &lt; /script&gt;
  </code></pre>