Почему не меняются стили класса при клике на кнопку гамбургера?

Здравствуйте, подскажите пожалуйста почему не подставляются стили при нажатии на кнопку гамбургера? Тоесть в html стиль .top-nav-menu-active подставляется, а видимость остается display: none
<script>
			$(document).ready(function() {
				var menuBtn = $('.top-nav-menu-btn');
				var topMenu = $('.menu');

				menuBtn.on('click', function(event) {
					event.preventDefault();
					topMenu.toggleClass('top-nav-menu-active');
				})
			})
		</script>


.menu {
	display: none;
}

.menu .top-nav-menu-active {
	display: block;
}

.top-nav-menu-btn {
	width: 40px;
	height: 40px;
	border: none;
	color: #fff;
	background:#6ec256;
	position: fixed;
	top: 15px;
	right: 10px;
	font-size: 18px;
	cursor: pointer;
	display: block;

}
  • Вопрос задан
  • 52 просмотра
Решения вопроса 1
@dev-rob
.menu .top-nav-menu-active в Вашем случае селектор должен быть слитно .menu.top-nav-menu-active
CSS селекторы
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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