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