0

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

1 に答える 1