Бесконечная функция через javascript

Question

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

Потому что теперь, когда я нажимаю меню, он остается открытым.

Javascript

document.getElementById('menuIcon').addEventListener('click',function(){ 
    document.getElementById('rightMenu').style.display = 'block'; 
}); 

Answer 1

Чтобы сделать это, вам нужно будет переключить видимость элемента:

document.getElementById('menuIcon').addEventListener('click',function(){ 
 
     if(document.getElementById('rightMenu').style.display == 'none'){ 
 
      document.getElementById('rightMenu').style.display = 'block'; 
 
     } 
 
     else{ 
 
      document.getElementById('rightMenu').style.display = 'none'; 
 
     } 
 
    });

<button type="button" id="menuIcon">Menu Icon</button> 
 
<br> 
 
<textarea rows="2" cols="20" id="rightMenu"> 
 
This is the menu. 
 
</textarea>

Answer 2

// попробуйте этот код.

var c=0; 
document.getElementById('menuIcon').addEventListener('click',function(){ 
if(c == 0){ 
document.getElementById('rightMenu').style.display = 'block'; 
c = 1; 
    } 
else{ 
document.getElementById('rightMenu').style.display = 'none'; 
c = 0; 
    } 
});