Выпадающее меню Javascript не будет закрываться при щелчке, обфускации?

Question

Спасибо, что посмотрели мое сообщение. Я пытаюсь понять, как закрыть это раскрывающееся меню, щелкнув ссылку, но мне не хватает навыков javascript, и код кажется запутанным. Это HTML:

<nav class="site-nav" role="navigation"> 
    <ul class="pos-ul">     
    <li><a href="#menus" data-target="menus">Menu</a></li> 
    <li><a href="#bar" data-target="bar">Wine + Cocktails</a></li> 
    </ul> 
    <a href="" class="mobile-trigger no-scroll">Menu</a> 
</nav> 

И уменьшенная Javascript Я думаю, что контролирует это на http://sabiopleasanton.com/js/core.min.js

Сайт о котором идет речь http://sabiopleasanton.com и выпадающее меню появляется, когда ширина экрана ниже 768px. Благодарим вас за любое внимание, я приношу свои извинения за отсутствие ясности или недостатков re: posting protocol.

Answer 1

Я помню, как вы помогли вам с переходом ползунка на этой странице на днях. Во всяком случае, это то, что вам нужно:

$(document).ready(function() { 
    if ($(window).width() <= 768) { 

     $('ul.pos-ul > li > a').click(function() { 
      $('.pos-ul').hide() 
     }); 
    } 

}); 

Он будет выбирать якорь тегов в мобильном нав, на кнопку он будет скрыть выпадающий неупорядоченный список. Просто отредактировал его, чтобы обернуть его в функцию готовности документа, укоротить селектор и убедиться, что он срабатывает только тогда, когда область просмотра составляет 768 пикселей или меньше.