To any container you want to convert to a slider, doesn't matter if it is nav or div, add the "slidey" class.
You MUST also add either the "slidey--left" or "slidey--right" modifier to the same element.
So far, you have applied the styles needed for the slider to work.
Optionally, you can also add the "slidey--styled" class to the same element to apply basic styling.
"slidey--styled" adds styles for anchor tags inside the slidey element. Additionally, any anchor tag with the class "slidey__brand" will make the text prominent and large.
Immediately inside the slidey element, you can optionally add an element with the "slidey__toggle" class which toggles the drawer. This element is positioned to look attached to the drawer.
Immediately inside the slidey element, you can optionally add an element with the "slidey__close" class which closes the drawer. This element is positioned in the top-right corner of the slidey element acting as a close button. Useful when the toggle goes off-screen in small screens.
jQuery (any version). Just being used to add and remove a class on clicking something. Feel free to use plain JS.
Browser supporting CSS transitions for the sliding animation. Without it, menu still works but toggles instantly.
Unknown, guessing IE8 and above. I am coding blind, so I can't guarantee support for old browser versions just yet.
Not using anything fancy so should be compatible with pretty much all modern browsers on all devices.