Как при нажатии на объект добавить класс и убрать?

Имеется вот такой код с шапкой и меню:
<div class="container">
									<h4>Roma Tuzov</h4>
									<i class="fas fa-align-right"></i>
								</div>
								<div class="nav-open menu-disable">
									<div class="container">
										<div class="contact">
											<h3>Связаться</h3>
											<p>
												roma_tuzov2016@mail.ru
											</p>
										</div>
										<div class="social">
											<h3>Я в соц. сетях</h3>
											<a href="#" target="_blank"><i class="fab fa-instagram"></i></a>
											<a href="#" target="_blank"><i class="fab fa-vk"></i></a>
											<a href="#" target="_blank"><i class="fab fa-telegram"></i></a>
										</div>
									</div>
								</div>


Сейчас меню спрятано с помощью класса menu-disable. Вот его код:
.menu-disable {
	transform: translateY(-105%);
}


Как сделать, чтобы при нажатии на i (с классом fas fa-align-right в самом верху) убирался класс menu-disable и меню плавно выезжало сверху?
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ответы на вопрос 1
JackWilliams
@JackWilliams
Ну вот что за пол минуты написал:
var i = //получаете i
var menu = //получаете menu
i.onclick = function(e){
menu.classList.remove('menu-disable');
}

Принцип очевиден, доведите до ума и будем вам счастье
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы