Скрыть меню jquery после того, как функция щелчка не работает

Question

У меня есть раскрывающееся меню CSS, которое функционирует так, как я хочу его, за исключением одной части, нажатие на одно из элементов подменю не закрывает подменю.

Большинство людей, вероятно, не заботятся об этом, потому что каждая ссылка приведет их на новую страницу, но моя остается на одной странице и вызывает функцию javascript.

Использование JQuery, я не могу скрыть подменю по клику следующим образом:

$('.sub li').click(function(){ 
    $('.sub ul').hide(); 
}); 

Answer 1

Хорошо, что вам нужно сделать, это скрыть, но затем удалить жесткий кодированный стиль от элемента, так как это позволит предотвратить парения работу:

$('.sub li').click(function(){ 
    $('.sub').hide(); 
    setTimeout(function(){ // breathing space 
     $('.sub').prop('style', ''); 
    }, 10); 
}); 

Here's a working version fiddle

Answer 2

Класс .autoclose применяется к <ul> не <li> так исправить класс присвойте на HTML и должны работать