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

Question

[Александр Плюснин]

Здравствуйте, подскажите пожалуйста почему не подставляются стили при нажатии на кнопку гамбургера? Тоесть в 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;

}

Answer 1

[dev-rob]

.menu .top-nav-menu-active в Вашем случае селектор должен быть слитно .menu.top-nav-menu-active
CSS селекторы

Comments

[Александр Плюснин]

Спасибо огромное