Как сделать выезжающее горизонтальное меню при клике на гамбургер на чистом javascripte, при адаптации?
Вот код html:
.gamburger {
width: 40px;
cursor: pointer;
display: none;
}
.gamburger span {
height: 4px;
background: #fff;
margin-bottom: 5px;
display: block;
}
<nav class="navigation">
<div class="container">
<ul class="menu">
<li class="menu__item"><a href="#" class="menu__link">Home</a></li>
<li class="menu__item"><a href="#" class="menu__link">About</a></li>
<li class="menu__item"><a href="#" class="menu__link">Team</a></li>
<li class="menu__item"><a href="#" class="menu__link">Lessons</a></li>
<li class="menu__item"><a href="#" class="menu__link">News</a></li>
<li class="menu__item"><a href="#" class="menu__link">Conracts</a></li>
</ul>
<div class="gamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>