jQuery click (function) not working

Question

Я пытаюсь создать интерактивное подменю с помощью slideDown() через jQuery. Однако hover() работает нормально, но click() ничего не делает.

Вот мой JQuery:

$("#n_ulist li").click(function(){ 
    $("ul", this).stop().slideDown(500); 
    }, 
    function() { 
    $("ul", this).stop().slideUp(500); 
}); 

Что здесь не так?

Answer 1

попробуйте следующее вместо:

$("#n_ulist li").click(function(){ 
    $(this).parent().find('ul').stop().slideUp(500); 
    $("ul", this).stop().slideDown(500); 
}); 

или если ваше меню более чем один уровень вы, возможно, придется использовать

$('#n_ulist').find('ul').stop().slideUp(500); 

EDIT

В соответствии с вашими комментариями

$("#n_ulist li").click(function(){ 
    $(this).parent().find('ul').stop().slideUp(500); 
    $("ul", this).stop().slideToggle(500).click(function(e) { 
     e.stopPropagation(); 
    }); 
}); 

Answer 2

click() функция принимает только один обратный вызов в качестве аргумента, поэтому всегда ваш первый обратный вызов slideDown(500); запускается на выполнение ....

Вы можете использовать slideToggle()

$("#n_ulist li").click(function() { 
    $("ul", this).stop().slideToggle(500); 
}); 

hover() занимает 2 обратных вызовов в качестве аргументов, 1 для mouseenter и другой для mouseleave. Была версия toggle(), которая делала то же самое для события click, но была удалена в jQuery 1.9.

Если вы хотите получить плагин, который позволит вам сделать то же самое взглянуть на реализацию toggleClick().

Answer 3

Возможно, с помощью .slideToggle().