title: How do I close menu on click and when the user clicks away?
body: <p>I have the following code: </p>
  
  <pre><code>(function ($) {
      $(document).ready(function () {
          $(".clicker_class").click(function () {
              $('.show_menu_users').show();
          });
      });
  })(jQuery);
  
  $('.clicker_class').click(function (e) {
      e.stopPropagation();
  });
  </code></pre>
  
  <p>I am new to JQuery and a bit puzzled.  I was easily able to use the show function but I need to use the close or hide function to close the menu when the user clicks on .clicker_class again and when the user clicks away at something else. I tried using the e.stopPropogation(); but didn't work.  How do I do that given my above code?</p>
  
  <p>Update: </p>
  
  <pre><code>I got it to close if a user clicks elsewhere using this:
  
  $(document).mouseup(function (e)
  {
      var container = $(".clicker_class");
  
      if (container.has(e.target).length === 0)
      {
           $(".show_menu_users").hide();
      }
  });
  </code></pre>
  
  <p><strong>Question:</strong> </p>
  
  <p>Now I just need the menu to close when the user clicks on .clicker_class.  How can i do that now?</p>