ハンバーガーメニューでページ内リンク時にメニューをクリックしたときに
ハンバーガーメニューを閉じたいです。
今は下記のスクリプトが書いてあります。
下記スクリプトを修正すれば実現するものでしょうか?
<script> (function($) { $(function() { var $header = $('#top-head'); // Nav Fixed $(window).scroll(function() { if ($(window).scrollTop() > 350) { $header.addClass('fixed'); } else { $header.removeClass('fixed'); } }); // Nav Toggle Button $('#nav-toggle').click(function(){ $header.toggleClass('open'); }); }); })(jQuery); </script>
<script type="text/javascript"> $(function() { $('.box1').on('inview', function(event, isInView) { if (isInView) { //表示領域に入った時 $(this).addClass('fadeInDown'); } else { //表示領域から出た時 $(this).removeClass('fadeInDown'); $(this).css('opacity',0); //非表示にしておく } }); $('.box2').on('inview', function(event, isInView) { if (isInView) { $(this).addClass('bounceIn'); } else { $(this).removeClass('bounceIn'); } }); $('.box3').on('inview', function(event, isInView) { if (isInView) { $(this).addClass('lightSpeedIn'); } else { $(this).removeClass('lightSpeedIn'); } }); }); </script>
追記
こちらにhtmlとcssを書きました。
https://codepen.io/a-z/pen/zmwxwP
実装したい事は、ページ内のアンカーリンクをクリックしたら、
メニューが閉じるようにしたいです。