【Javascript】タッチで閉じることができるサイドナビゲーションバーを構築するSide Nav

Javascript

side-navigation

March 19, 2017

Side Navはタッチで閉じることができるサイドナビゲーションバー。

HTML

  <div class="header">
    <button class="js-menu-show header__menu-toggle material-icons">menu</button>
  </div>

  <aside class="js-side-nav side-nav">
    <nav class="js-side-nav-container side-nav__container">
      <button class="js-menu-hide side-nav__hide material-icons">close</button>
      <header class="side-nav__header">
        Side Navigation Cause I'm not British
      </header>
      <ul class="side-nav__content">
        <li>One Item</li>
        <li>Two Items</li>
        <li>Three Items</li>
        <li>Four Items</li>
      </ul>
    </nav>
  </aside>
  <script src='./detabinator.js'></script>
  <script src='./side-nav.js'></script>

Latest Posts

Related Posts