下拉菜单未关闭

Question

我有一个打开后没有关闭的下拉菜单，

当我点击它时，它会打开，但在第二次点击后它不会关闭

 function menuFunction(){
    var menu = document.getElementById('ani-menu');

   if(menu.style.zIndex = "-1"){
     menu.style.visibility = "visible"
     menu.style.transform = "translateY(0)"
     menu.style.opacity = "1"
     menu.style.zIndex = "1"
     
   }
   else{
    menu.style.visibility = "hidden"
     menu.style.transform = "translateY(-3em)"
     menu.style.opacity = "0"
     menu.style.zIndex = "-1"
   }

  }  


 <li class="menu-btn1" onclick="menuFunction()"><a class="services" href="#ICT">Services<i class="fas fa-arrow-down"></i></a>
<ul class="ani-menu" id="ani-menu">
  <li><a href="#ICT">ICT Solutions</a></li>
  <li><a href="#One-On-One">Trainings</a></li>
  <li><a href="#materials">Materials</a></li>
  <li><a href="#packs">Exclusive Offers</a></li>
</ul>
</li>  

Answer 1

问题是=在这一行if(menu.style.zIndex = "-1") 。 改用== 。 然后会工作。