Multiple Show Hide Menus that respond separately?
MENU 1 - Clicking this shows menu Items for only menu 1
menu item 1
menu item 1
menu item 2
menu item 3
MENU 2 - Clicking this should not hide menu1 or open it
menu item 1
menu item 2
menu item 3
Both menus should be able to be open while the other is open but they should open separately from each other. I'll need 3-4 menus on some pages. What is the best way to do this?
This menu is responsive so the MENU 1 and MENU 2 will be hidden until called. Just the menu items will show till the screen width is smaller. It would be great if this was put into the jquery so I didnt have to have it in the template.
http://webdesignerwall.com/tutorials/mobile-navigation-design-tutorial
Like the link above but I need it to support multiple menus with a simple class if possible like
<a href="#" class="CLICKOPENS">MENU 1</a>
This menu is responsive so the MENU 1 and MENU 2 will be hidden until called. Just the menu items will show till the screen width is smaller. It would be great if this was put into the jquery so I didnt have to have it in the template.
http://webdesignerwall.com/tutorials/mobile-navigation-design-tutorial
Like the link above but I need it to support multiple menus with a simple class if possible like
<a href="#" class="CLICKOPENS">MENU 1</a>
<a href="#" class="CLICKOPENS">MENU 2</a>