Выпадающее меню по клику

Оказалось, что на сайте посетителей с телефонов, куда больше, чем с компов, а на них выпадающее меню при наведении крайне неудобное, нужно переделать под клик, но js совершенно не знаю.

Шаблон списка:

<li class="sublnk"><a href="#">трололо</a>

<ul>

<li><a href="/online">тест</a></li>

<li><a href="1">тест 1</a></li>

<li><a href="2">тест 2</a></li>

<li><a href="3">тест 3</a></li>

<li><a href="3">тест 4</a></li>

<li><a href="5">тест 5</a></li>

</ul>

Ява код:

$(document).ready(function(){

$('#topmenu li.sublnk').hover(

function() {

$(this).addClass("selected");

$(this).find('ul').stop(true, true);

$(this).find('ul').show('fast');

},

function() {

$(this).find('ul').hide('fast');

$(this).removeClass("selected");

}

);

});