How can I make this menu drop down when I click on the image?

Question

JavaScript

You need to make sure that when you click on the button-picture, the menu drops out, and the picture itself moves down the list and is turned upside down, and then when you click on the same button, it is hidden.
It is also necessary that at the same time two blocks (logo and contacts) simply disappear (the menu is translucent)
I searched the site for similar topics, I tried to do something but it does not work. I don’t understand JS at all, I hope kind people will help.
here is the menu code https://jsfiddle.net/jgbq5rux/

Answer 1

https://jsfiddle.net/jgbq5rux/2/
Styles then think for yourself