1/** 2 * Copy all the navigational links into a single mobile menu 3 */ 4jQuery(function () { 5 var $mobilemenu = jQuery('<div>') 6 .addClass('mobile-menu'); 7 8 9 var $logo = jQuery('#p-logo') 10 .clone() 11 .removeAttr('id') 12 .addClass('mobile-logo') 13 ; 14 15 var $search = jQuery('#p-search form') 16 .clone() 17 .removeAttr('id') 18 .addClass('mobile-search'); 19 $search.find('#simpleSearch').removeAttr('id'); 20 $search.find('button').text(''); 21 22 $mobilemenu.append($search); 23 24 jQuery([ 25 'p-navigation', 26 'left-navigation', 27 'right-navigation', 28 'p-coll-print_export', 29 'p-tb', 30 'p-personal' 31 ]).each(function (i, name) { 32 var ul = jQuery('<ul>'); 33 $mobilemenu.append(ul); 34 35 var filter = '#' + name + ' li'; 36 ul.addClass('mobile-' + name); 37 ul.append( 38 jQuery(filter) 39 .not('.selected') 40 .clone() 41 .removeAttr('id') 42 ); 43 }); 44 45 var $hamburger = jQuery('<div>') 46 .addClass('mobile-hamburger') 47 .click(function () { 48 $mobilemenu.toggleClass('open'); 49 $hamburger.toggleClass('open') 50 }); 51 52 53 jQuery('body') 54 .append([ 55 $mobilemenu, 56 $hamburger 57 ]) 58 .prepend( 59 $logo 60 ) 61 ; 62}); 63