если поменять на
addClass то появляется
active
<div class="wrapper">
<header class="header">
<div class="contener">
<div class="header__body">
<a href="#" class="header__logo">
<img src="img/Logo_window.png" alt="">
</a>
<div class="header__byrger">
<span></span>
</div>
<nav class="header__menu">
<ul class="header__list">
<li>
<a href="" class="header__link">Главная</a>
</li>
<li>
<a href="" class="header__link">Окна ПВХ</a>
</li>
<li>
<a href="" class="header__link">Комплектующие</a>
</li>
<li>
<a href="" class="header__link">Двери</a>
</li>
<li>
<a href="" class="header__link">О нас</a>
</li>
<li>
<a href="" class="header__link">Контакты</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
</div>
.header__byrger {
position: relative;
z-index: 3;
display: block;
position: relative;
width: 30px;
height: 20px;
}
.header__byrger.active:before {
transform: rotate(45deg);
}
.header__byrger span {
background-color: #000;
position: absolute;
width: 100%;
height: 2px;
left: 0;
top: 9px;
}
.header__byrger:before,
.header__byrger:after {
content: "";
background-color: #000;
position: absolute;
width: 100%;
height: 2px;
left: 0;
}
.header__byrger:before {
top: 0;
}
.header__byrger:after {
bottom: 0;
}
.header__menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 100px 10px 20px 10px;
}
$(document).ready(function() {
$(".header__byrger").click(function(event) {
$(".header__byrger,.header__menu").toggleClass("active");
});
});