by, 03-26-2014 at 06:13 PM (16980 Views)
:checkedstate of a checkbox and a connected label to trigger something with CSS), but it was an excuse for me to play around with CSS3 transitions. That example is here: http://m.jemcon.org.uk/phpBB3/
Anyway, I decided to develop it a bit more to see if I could expand the menu and employ multiple checkboxes for a neat, multi-level version.
Here it is - it turned out pretty well: http://fofwebdesign.co.uk/template/_...-side-menu.htm
And these are the key features;
- Supports unlimited sub-menus, of infinite depth
- Uses a nested list format structure
- Uses the "advanced checkbox hack" to activate sub-menus (for Android/iOS)
- Uses "translate3d" to force hardware acceleration in WebKit (no flicker)
Compatibility: Should be fine on all modern browsers and IE9+ (the menu works in IE9 but there is no slide effect)
For more info and to grab the CSS and HTML, please visit http://fofwebdesign.co.uk/template/_...-side-menu.htm and view the source of the page.
UPDATE - JS enhancement