This is a slide-in, multi-level menu suitable for smartphones as well as tablets and widescreen monitors.
Just 'click / tap' the three bar menu icon above to slide this page right and reveal the top level of the multi-level menu beneath.
The menu is then self explanatory, just 'click / tap' the selections with arrows to slide forwards and backwards through the various levels.
Click the three bar menu icon again to close the menu and slide the top panel left again.
All done using just CSS3, no jQuery / javascript.