Измените lo go цвет, когда навигация открыта - PullRequest
Новая
       5

Измените lo go цвет, когда навигация открыта

0 голосов
/ 30 января 2020

Я хочу, чтобы мое черное изображение lo go изменилось на белое изображение lo go, когда моя навигация открыта. Цвет гамбургера меняется на белый, когда открывается мое меню навигации, и название моей компании меняет цвет, но не отображается поверх моей открытой навигации.

Я увеличил z-индекс названия компании, но он все еще не появляется по открытой навигации.

Какой jQuery код используется для изменения изображения, когда навигация открыта? 

const hamburger = document.querySelector(".hamburger");
const navLinks = document.querySelector(".nav-links");
const links = document.querySelectorAll(".nav-links li");

hamburger.addEventListener("click", () => {
  navLinks.classList.toggle("open");
  $('.studio-name').toggleClass('logo-name-white');
  $('.line').toggleClass('line-white');
  $('body').toggleClass('menu-scroll');
  links.forEach(link => {
    link.classList.toggle("fade");
  });
});
.logo-name-white {
  color: white !important;
}

.nav-black {
  background: black;
}

.line-white {
  background: white !important;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<nav>
  <a href="../index.html"><img src="../images/@stock/logo.svg" class="logo logo-icon"></a>
  <p class="studio-name">COMPANY NAME</p>
  <div class="hamburger">
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
  </div>
</nav>
...