ウィンドウ サイズが 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>