Cut and open a page with a slide effect?

I'm developing a system and i'd like to implement a menu in the following way:

and than when I click on the menu btn it should slide the body part and show the menu, like this:

I have done a menu that slides from the left to the right, and slides the body with it, the menu stays off canvas, but now I don't have no idea of how i would do something like that. So how could i do this ?