opening FULLSCREEN MENU with ONCLICK function

Question

Hello everyone, I am trying to make sure that when I click on a div (3 bars) to open a fullscreen menu.
And close when I click again.
The menu opens without any error, but it is not closing as it show.

How to solve? Thank you!!
https://code.sololearn.com/WP21HQ2raVl3/?ref=app

Answer 1

João Hoffman write var men = 0; outside the function. Then it will work.

It's happening because variable men always initialise with 0 so it's not going in else part. So you need to write var men = 0 outside the function. Means you need to declare variable men globally.

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

Answer 2

Since your men variable is inside function, everytime you call it, it's value will be 0.

Move it to global scope.

Tips:
Don't use numbers for this kind of task, use booleans.
[optional] you should use appropriate names that makes sense in your code, this increases your code readability.

Answer 3

var isOpen = false;
if (isOpen) {
//Do the code to close sidebar
} else {
//Do the code to open sidebar
}

Answer 4

João Hoffman Check again. I updated with boolean value.

Answer 5

How would I adapt to boolean?

Answer 6

AJ Anant - C#/Java Challenger OMG MAN, TY!!!
I LOVE YOU

Answer 7

Thank you all

Answer 8

you are amazing!!