Make a slide menu

[Ceros2112]

Hello,

one of my customer asked me to create a menu on the left side with a tab that slides to the right on click like this:

   

   

any ideas? I was thinking about some kind of animation in javascript but I haven't figured it out yet  


Thanks

[Daniel]

Did you try?
Usermode sidebar: Show as overlay (auto-hide)

[Ceros2112]

Thanks,

of course I know about this but I don't think that's what I need,
they want more than one slide menu, plus they want to block all the elements on the page when one menu is open.
In addition to that they want this to look exactly like the example, but this is only a matter of look and it's not really a problem.

[Daniel]

What do you mean by more than one slide menu?

[Ceros2112]

Ok, I solved it using javascript and css.
Thanks.

[ferrim]

Ok, I solved it using javascript and css.
Thanks.

interesting, could you tell us how you did it? 
BR
Marcello

[Ceros2112]

I can't extract a snippet of code because it adapts specifically to my project, but basically I put an image object on the page as background of the menu, then created a css class with the updated position of the object to move it outside the border of the page when the menu is "collapsed" and toggled it via javascript whenever i need to (for example when I click a specific button).

[ferrim]

Thanks, it can always be useful to someone.