jQuery mobile menu is a jquery plugin for turn an unordered list menu into dropdown select menu

Just include the script on your html files

<script type="text/javascript" src="jquery.mobilemenu.js"></script>

After including the script on your html, just write this code somewhere on your javascript file.

$('.menu').mobileMenu();

jQuery mobilemenu have some options:

• defaultText: default text for option element

• className: Class name for dropdown select menu

• subMenuClass: Class name for submenu /* Updated you don't need to add class to sub menu */

• subMenuDash: Separator for submenu

$('.menu').mobileMenu({
	defaultText: 'Navigate to...',
	className: 'select-menu',
	subMenuDash: '–'
});