Javascript - от hover до щелчка

Question

Как я могу изменить это от наведения до щелчка?

$(function(){ 
    $('ul#menu li').hover(function(){ 
     //$('#drop' , this).css('display','block'); 
     $(this).children('ul').delay(20).slideDown(600); 
    }, function(){ 
     $(this).children('ul').delay(20).slideUp(600); 
    }); 
}); 

Fiddle

Answer 1

click принимает только один обработчик; hover уникален тем, что он занимает два. Вы должны будете использовать один обработчик:

$(function(){ 
    $('ul#menu li').on('click', function(){ 
     // note using slideToggle which automatically switches 
     // btwn up/down 
     $(this).children('ul').delay(20).slideToggle(600); 
    }); 
}); 

http://jsfiddle.net/8g7ead5x/1/

---

Или, согласно боян, вы можете использовать .toggle:

$(function(){ 
    $('ul#menu li').toggle(function(){ 
     //$('#drop' , this).css('display','block'); 
     $(this).children('ul').delay(20).slideDown(600); 
    }, function(){ 
     $(this).children('ul').delay(20).slideUp(600); 
    }); 
}); 

Answer 2

Просто измените имя функции hover в click. Это часть jQuery.

---

Используйте пример @Mathletics. Функция click выполняет только одну функцию, поэтому вам нужно изменить код. Я пересмотрел ваш Fiddle с помощью рабочего примера (Fiddle), так что теперь у вас есть третий вариант.