[jQuery] выпадающее меню ajax

[Маленьке Звірятко]

Здравствуйте. Я не знаю Javascript, поэтому обращаюсь за помощью. На сайте использую выпадающее ajax-меню от Anton Shevchuk (http://anton.shevchuk.name/book/code/menu.ajax.html)

Это меню срабатывает при hover. Можно как-то переделать код, чтоб меню срабатывала при клике?

$(function(){ //обработчик для события hover для элементов li
  $('.topmenu ul li').hover(
   function() { // добавляем проверочку - не загружали ли до этого элементы
    if ($(this).find('ul').length == 0) {
	 var file = $(this).data('file');
	 var li = $(this);
	 $.ajax({
	  url: 'ajax/'+file+'.html', // указываем URL
	  beforeSend: function(){
	   li.addClass('loading');
	  },
	  success: function(data){
	   li.append(data);
	   li.find('ul').stop(true, true);
	   li.find('ul').slideDown();
	   li.removeClass('loading');
	  }
	 });
    } else {
	 $(this).find('ul').stop(true, true); // останавливаем всю текущую анимацию
	 $(this).find('ul').slideDown(); //находим элемент ul и вызываем анимацию slideDown
    }
    $(this).addClass("active"); // изменяем фон выбранного элемента путем добавления класса active
    },
    function() {
    $(this).find('ul').slideUp('fast');
    $(this).removeClass("active");
   }
  );
});

Или может вы знаете аналогичные ajax-меню, но срабатывающее при клике?

(я пробовал менять .hover на .click, конечно у меня не получилось )

[ILL-JAH]

А с hover скрипт у вас работает?

Попробуйте сделать так и посмотрите, работает или нет

$(function ()
    { //обработчик для события hover для элементов li
	  $('.topmenu ul li').click(alert("click"));
    });