title: Need menu to close when anything other than a link is clicked (including the menu icon)
body: <p><a href="http://emperor.graphics/" rel="nofollow noreferrer">http://emperor.graphics/</a></p>
  
  <p>As you'll probably be able to tell by my JavaScript, I am no expert. I cobbled this together from multiple sources and it mostly works, but there are two frustrations I'm having:</p>
  
  <ol>
  <li>On mobile, the menu does not always close when you tap outside it.</li>
  <li><p>Clicking the menu icon itself does not close the menu.</p>
  
  <pre><code>$(function() {
    $('.dropdown-toggle').click(function(){
      $(this).next('.dropdown').addClass("nav-open");
    });
  
   $(document).click(function(e) {
     var target = e.target;
     if (!$(target).is('.dropdown-toggle') &amp;&amp; 
      !$(target).parents().is('.dropdown-toggle')) {
        $('.dropdown').removeClass("nav-open");
     }
   });
  });
  </code></pre></li>
  </ol>
  
  <p>Any help is greatly appreciated!</p>