jQuery
【jQuery】シンプルなキャンバスメニューBurgerMenu
April 29, 2017

BurgerMenuはシンプルなキャンバスメニュー。レスポンシブまたはモバイルのWebサイト/ Webアプリケーションで使用できます。
jQuery 1.6以降が必要
<nav id="menu-example" class="burgermenu-left"> <ul> <li><a href="#">Home</a></li> <li class="has-children"> <a href="#">Slide Panel Submenu</a> <ul class="is-children"> <li class="back"><a href="#">< Back</a></li> <li><a href="#">Submenu element</a></li> <li><a href="#">Submenu element</a></li> <li><a href="#">Submenu element</a></li> </ul> </li> <li class="dropdown"> <a href="#">Dropdown Submenu</a> <ul> <li><a href="#">Dropdown element</a></li> <li><a href="#">Dropdown element</a></li> <li><a href="#">Dropdown element</a></li> </ul> </li> </ul> </nav> <div class="page-wrapper"> <a id="menu-toggle" href="#menu-example">Toggle Menu</a> </div>
$(function() { $('#menu-example').burgermenu(); });
MIT