Mobile full screen expand menu II
Author: Dynamic Drive
An alternate rendition of
Mobile full screen menu, this one uses CSS3
scale() to collapse
the full screen menu initially, expanding to fill the screen when expanded. It
uses the popular CSS checkbox adjacent sibling technique to toggle the menu
between open and closed when the drawer style toggler is clicked on. The menu
works across all modern browsers and mobile devices, while in IE8, a more
limited interface is presented that's at least functional for those users.
For the font this menu uses "Bitter", a Google custom font.
with the "action" parameter being one of the following three choices: "open", "close", or empty. When called with no (or empty) parameter, the function will toggle the state of the full page menu. Here's an example:
<a href="#" onClick="expandfullscreenmenu()">Arbitrary Toggle Menu link</a>