Событие jQuery pull menu

Question

У меня есть настраиваемое меню для размера окна, которое меньше 690. Когда размер экрана изменяется, меню выталкивания появляется с помощью простой кнопки меню. У меня есть функция slideToggle(), которая отлично работает, но не может показаться, как свернуть меню после того, как была выбрана ссылка, БЕЗ влияния на размеры окон, которые больше 690. Любые идеи или помощь будут оценены.

<script> 
     $(function() { 
      var pull = $('#pull'); 
       menu = $('nav ul'); 
       w = $(window).width(); 
       link = $('nav ul li'); 
       menuHeight = menu.height(); 

      $(pull).on('click', function(e) { 
       e.preventDefault(); 
       menu.slideToggle(); 
      }); 

     }); 

     $(window).resize(function(){ 
      var w = $(window).width(); 
       menu = $('nav ul'); 
       link = $('nav ul li a'); 

      if(w > 690 && menu.is(':hidden')) { 
       menu.removeAttr('style'); 
      } 
     }); 
    </script> 

Answer 1

Попробуйте привязки к событию щелчка по пунктам меню, как так:

$('nav ul li a').click(function(){ 
    if($(window).width() <= 690) 
     menu.slideToggle(); 
});