jquery - Javascript onClick for mobile devices -

jquery - Javascript onClick for mobile devices -

i working on submenu nav need accessible mobile , tablet devices. aware using onclick="return true" trick, however, need list item close when user clicks on list item. need toggle submenu. if add together simple line of javascript, work submenu remain open. how can close/toggle submenu?

html: <nav> <ul> <li class="active"><a href="#">menu 1</a></li> <li><a href="#">menu 2</a></li> <li><a href="#">menu 3</a></li> <li class="bg"><a class="dropdown" href="#">menu 4</a> <ul> <li><a href="#">sub 1</a></li> <li><a href="#">sub 2</a></li> </ul> </li> </ul> </nav> javascript: $('nav li.bg').on('click', function(){ homecoming true; }

you can utilize touchstart event fires on mobile browsers.

$('nav li.bg').on('click touchstart', function(){ homecoming true; });

more touch based events

javascript jquery html css mobile