Why doesn't the side menu slide back?

Question

css

Hello. Here is such a problem. The slider slides out beautifully, and when you click again, it simply disappears. How to make it look nice and drive in just as nice?
https://jsbin.com/yuyawic/1/edit?html,css,js,output

Answer 1

Remove opacity ... Or add it to transition . And now your element becomes transparent instantly - hence the illusion that it "just disappears". Not just - moves as you need, but being invisible.