我希望通过单击链接或在菜单外单击来关闭菜单。为了保持页面轻量,我不想使用jQuery。如何实现?
<nav class="nav">
<div class="nav__left">
<h3><a href="#home">DenisMasot</a></h3>
</div>
<input type="checkbox" /><label class="burger" for="nav"></label>
<ul class="nav__right">
<li class="active">
<h3><a href="#home">home</a></h3>
</li>
<li>
<h3><a href="#about">À propos</a></h3>
</li>
<li>
<h3><a href="#production">Réalisation</a></h3>
</li>
<li>
<h3><a href="#contact">Contact</a></h3>
</li>
</ul>
</nav>