How can I make the drop down list disappear when I click on the button again ?

Question

https://code.sololearn.com/WX8s4DllXr9b/?ref=app

Answer 1

This is how I usually do it:

https://code.sololearn.com/WO3PFQ61h3ia/?ref=app

Answer 2

On the onclick attribute of button, just call a function like this :
<button onclick="toggle ()" > menu </button>

Now in JavaScript file, write the following code :

let visible = false;

function toggle(){
if (visible){

document.getElementById('list').style.display='none';
visible = false;
}

else{
document.getElementById('list').style.display='flex';
visible = true;
}
}

Answer 3

1.way:
create js function which chenges x value from 1 to 0 and from 0 to 1 each time button clicked and set property display: none;
2.way:
use CSS hidden checkbox labeled as button.
when checkbox selected display: flex;
when unchecked
display: none.