2017.01.312018.04.13 CSSとJavaScriptでハンバーガーメニューを作成する例を紹介します。JavaScriptを使いますが、jQueryなどのライブラリは使いません。いろいろな案件に携わっているとjQuery使用禁止!なんてこともあったりします。 サンプルではFontAwesomeのアイコンフォントを使っています。 サンプルデモ HTMLナビゲーション部分はボタンとメニューのシンプル構成です。「ul#nav-list」部分が開閉メニューのクラスになります。 <nav class="hamburger-nav"> <button type="button" id="nav-toggle" class="nav-toggle-button"></button> <ul id="nav-list" class="nav-list close"> <li><a href