title: Close the menu on click
body: <p>I want to close my menu by clicking on a link or when I click outside the menu. In the interest of keeping things nice and light, I don't want to use jQuery.</p>
  
  <p>How do I do it?</p>
  
  <pre><code>&lt;nav class="nav"&gt;
    &lt;div class="nav__left"&gt;
      &lt;h3&gt;&lt;a href="#home"&gt;DenisMasot&lt;/a&gt;&lt;/h3&gt;
    &lt;/div&gt;
    &lt;input type="checkbox" /&gt;&lt;label class="burger" for="nav"&gt;&lt;/label&gt;
    &lt;ul  class="nav__right"&gt;
      &lt;li class="active"&gt;
        &lt;h3&gt;&lt;a href="#home"&gt;home&lt;/a&gt;&lt;/h3&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;h3&gt;&lt;a href="#about"&gt;À propos&lt;/a&gt;&lt;/h3&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;h3&gt;&lt;a href="#production"&gt;Réalisation&lt;/a&gt;&lt;/h3&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;h3&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/h3&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>