How to hide block on click?

Question

css

How to hide block on click?

By clicking on the "S / H MENU", the navigation block should go to the left, so that it becomes invisible, after pressing it again, the menu should go back. How to do it?

https://codepen.io/5dc8b3/pen/GRoaveq

Answer 1

as an option:

Answer 2

one option is to use Animate

Answer 3

The easiest way is to change the css value of the display property on click.
You can bind to any html object.
And in the function there is a check:
If some div is not hidden when clicked, then hide it, and if it is already hidden, then show it.
For example: