<header>
<a href="#" class="logo" >Logo</a>
<div class="toggle"></div>
<ul class="navigation">
<li><a href="#" class="active">Главная</a></li>
<li><a href="#">Карты</a></li>
<li><a href="#">F.A.Q</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</header>.toggle {
position: relative;
width: 48px;
height: 48px;
cursor: pointer;
background: url(menu.png);
background-size: 30px;
background-position: center;
background-repeat: no-repeat;
z-index: 1000;
}
}
.toggle.active {
background: url(close.png);
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
}let menuToggle = document.querySelector('.toggle');
menuToggle.onclick = function() {
menuToggle.classList.toggle('active');
}