スマホ版サイトではおなじみのハンバーガーメニューの作り方を3行のjQueryを元に解説します。javascriptでの作り方を知りたい方は「【コピペ可】jQuery不要!javascriptだけでハンバーガーメニューを実現」をご覧ください。 ハンバーガーメニューの完成デモ まずはハンバーガーメニューのデモになります。HTMLとCSSとjQueryで実装しています。デモのボタンをクリックするとメニューが開き、もう一度押すとメニューが閉じます。スマホサイトでは頻出する定番のUIになります。 See the Pen 最もシンプルなハンバーガーメニュー実装方法01 by YutoSeta / ホームページ制作のエクレア (@yutoseta) on CodePen. jQueryの実装内容を解説 bodyタグの末尾にCDNのjQueryを読み込みましょう jQueryを使う際には、scriptタグ