Отклонение списка выпадающих списков при нажатии на элемент списка

Question

У меня есть раскрывающийся список, который активируется при зависании (и уволен при уходе на ходу). Он отлично работает, поскольку касается зависания. Когда пользователь нажимает на один из элементов списка в раскрывающемся списке, я хочу, чтобы раскрывающийся список был уволен, так же, как если бы они переместили указатель мыши из списка. Вот где я застрял.

$(document).ready(function() { 
    $('.navigation li').hover(
     function() { 
      $('ul', this).fadeIn(); 
     }, 
     function() { 
      $('ul', this).fadeOut();   
     } 
    ); 

    // this is where I am attempting to dismiss the drop down list 
    // the console output appears just fine, but the drop down list does not 
    // go away. 
    $('.navigation li').click(function() { 
     console.log("clicked"); 
     $('.ul', this).fadeOut(); 
    }); 
}); 

Может показаться интересным отметить, что вывод консоли отображается дважды для каждого щелчка. Не уверен, что это говорит о ...

Answer 1

Вы ориентируетесь на классе из ul, не <ul> тега.

Изменить последний код:

$('.navigation li').click(function() { 
    console.log("clicked"); 
    $('ul', this).fadeOut(); // changed 
}); 

Это часто простые вещи. :-)