CODEWITHSUNDEEP
javascriptdrop-down-menu
Hadi abdallah
Hadi abdallah

Reputation: 56

dropdown menu not closing

i have a dropdown menu that is not closing after opening,

when i click on it , it opens , but after the second click it doesn't close

 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>

Upvotes: 1

Views: 356

Answers (1)

Max Pattern
Max Pattern

Reputation: 1698

The Problem is = in this line if(menu.style.zIndex = "-1"). Use instead ==. then will work.

Upvotes: 2

Related Questions