OldSchool1705
@OldSchool1705
I want to become a programmer

Не срабатывает toggleClass почему?

если поменять на 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");
  });
});
  • Вопрос задан
  • 95 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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