[JavaScript][jQuery]ハンバーガーメニュー(ドロワー) - Qiita

はじめに 本記事ではjQueryを使用して、スマートフォン向けサイトなどで見る機会が多い「ハンバーガーメニュー」を作っていきます。 ハンバーガーメニューとは以下の場合、右上に設置されている物です。 今回は以下のような簡単な仕様で作成します。 jQueryを使用 普段メニューは非表示 メニュー表示ボタンにはimage画像を使用 押すと右側からメニューがスライドして表示 表示速度は0.3s 表示の仕組み 普段はメニューを画面の右外に設置し、視覚的に隠しておく 表示ボタンが押されると画面全体が左にスライドし、右外に位置していたメニューが画面内に移動して視覚化される 編集するファイル index.html style.css 以上のみです。なお今回は分かりやすくするためjQueryの記述はindex.htmlにしていきます。 CSSの内容については、基本的に割愛させていただきます。 また、メニュー