An example mobile menu using jQuery to call the main menu and any submenus as may be required. In this example only Products and Services have submenus; the design is one where each product and service could have its own page. The design uses three classes, Menu, Product and Service. The Menu icon calls the class- named ‘Menu’ using a jQuery toggle. javascript: void $('.Menu').toggle('slow');void $('.Product, .Service').hide('fast') The Products and Services tabs are given class names, ‘Product’ and ‘Service’ respectively; each called with a ‘toggle’. In this example, each is published on its own layer !Menu, !Product & !Services; this just makes it easier to manage. Only Product 1 & Service 1 are active submenu tabs. javascript: void $('.Product').toggle('slow'); void $('.Service').hide('slow') javascript: void $('.Service').toggle('slow'); void $('.Product').hide('slow'); All the menus are initially hidden from view with the following code placed in the website HTML(head). <style> .Menu { display: none; } .Product {display: none; } .Service { display: none; } </style> When the menu icon is touched it comes into view and do the Products and Services submenus. Each tab remains in view until either a visitor toggles on the menu icon or clicks on the “x” on the Menu tab; the latter closes the Menu, Product and Service using a jQuery ‘hide’. You must have ONE object with the name ‘Uses JQuery’ to activate the code. This can be placed off-page, but must be present.