I liked this technique when I saw it mentioned in the Adaptive Web Design book that I read (http://kellychurchill.com/2012/11/adaptive-web-design-by-adam-gustafson.html) and I wanted to implement it on the web app that I built for the Girl Scouts cookie booth web app I built a couple of years ago so that the nav would take up less real estate when viewed on a smartphone.
I found this nifty lightweight plugin that does the job quite nicely:
http://tinynav.viljamis.com/
TinyNav.js is a tiny jQuery plugin (443 bytes minified and gzipped) that converts <ul> and <ol> navigations to a select dropdowns for small screen. It also automatically selects the current page and adds selected="selected" for that item.
I found this nifty lightweight plugin that does the job quite nicely:
http://tinynav.viljamis.com/
TinyNav.js is a tiny jQuery plugin (443 bytes minified and gzipped) that converts <ul> and <ol> navigations to a select dropdowns for small screen. It also automatically selects the current page and adds selected="selected" for that item.