ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³(drawer.js)

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/js/drawer.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

<body class="drawer drawer--left">
  <header role="banner">
    <button type="button" class="drawer-toggle drawer-hamburger">
      <span class="sr-only">toggle navigation</span>
      <span class="drawer-hamburger-icon"></span>
    </button>
    <nav class="drawer-nav" role="navigation">
     <ul class="drawer-menu">
  <li><a class="drawer-menu-item" href="#">ç¬¬ä¸€éšŽå±¤</a></li>
<li><a class="drawer-menu-item" href="#">ç¬¬ä¸€éšŽå±¤</a></li>

<li class="drawer-dropdown">
    <a class="drawer-menu-item" href="#" data-toggle="dropdown" role="button" aria-expanded="false">
      ç¬¬ä¸€éšŽå±¤ <span class="drawer-caret"></span>
    </a>
    <ul class="drawer-dropdown-menu">
      <li><a class="drawer-dropdown-menu-item" href="#">ç¬¬äºŒéšŽå±¤</a></li>
      <li><a class="drawer-dropdown-menu-item" href="#">ç¬¬äºŒéšŽå±¤</a></li>
      <li><a class="drawer-dropdown-menu-item" href="#">ç¬¬äºŒéšŽå±¤</a></li>
    </ul>
  </li>
</ul>
    </nav>
  </header>
  <main role="main">
    
  </main>
</body>