下拉菜单不关闭

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")。请改用 ==。然后就可以了。

下拉菜单不关闭

dropdown menu not closing

javascript

drop-down-menu