jQuery(document).ready(function(){
// Create the dropdown base
jQuery("").appendTo("#mobilemenu");
var mobileMenuTitle = jQuery("#mobilemenu").attr("title");
// Create default option "Go to..."
jQuery("", {
"selected": "selected",
"value" : "",
"text" : mobileMenuTitle
}).appendTo("#mobilemenu select");
// Populate dropdown with menu items
jQuery("#nav ul.menu>li>a, #nav ul.menu>li>span.mainlevel,#nav ul.menu>li>span.separator").each(function() {
var el = jQuery(this);
jQuery("", {
"value" : el.attr("href"),
"text" : el.text()
}).appendTo("#mobilemenu select");
getSubMenu(el);
});
function getSubMenu(el){
var subMenu = jQuery('~ ul>li>a',el);
var tab = "- ";
if (!(subMenu.length === 0)){
subMenu.each(function(){
var sel = jQuery(this);
var nodeval = tab + sel.text();
jQuery("", {
"value" : sel.attr("href"),
"text" : nodeval
}).appendTo("#mobilemenu select");
getSubMenu(sel);
});
}
}
// To make dropdown actually work
// To make more unobtrusive: http://css-tricks.com/4064-unobtrusive-page-changer/
jQuery("#mobilemenu select").change(function() {
window.location = jQuery(this).find("option:selected").val();
});
});