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: '–'
});