drawer.jsでページ内リンク時をクリック時にメニューを閉じるようにする

記述例
    <button type="button" class="drawer-toggle drawer-hamburger" style="display: none;">
      <span class="sr-only">toggle navigation</span>
      <span class="drawer-hamburger-icon"></span>
    </button>

    <nav class="drawer-nav accordion drawer-close" role="navigation">
      <ul class="drawer-menu" id="acMenu">
        <!-- ドロワーメニューの中身 -->
            <li><a href="#about">松原工業について</a></li>
            <li><a href="#example">施工事例</a></li>
            <li><a href="#recruit">求人情報</a></li>
            <li><a href="#company">会社概要</a></li>
      </ul>
    </nav>
<script>
// メニュークリックでメニュー閉じる
$(document).ready(function() {
    $('.drawer').drawer();
    $('.drawer-nav').on('click', function() {
        $('.drawer').drawer('close');
    });
});
</script>
Spread the love
2019.05.22(水)