【jQuery】jQuery と CSS でスマホの「ハンバーガーメニュー」を作る方法

jQuery と CSS でハンバーガーメニューを作る

今回は jQury と CSS でスマートフォンサイトに欠かせないハンバーガーメニューを作ります。

～ 主な仕様 ～

・テキストで作ったメニューアイコンを配置する。
・メニューアイコンをタップすると、画面の左に隠れているメニューが右にスライドしてメニュー全体が表示される。

・メニューが表示されている状態で、もう一度メニューアイコンをタップすると、メニューが左にスライドして画面の左に隠れる。

・メニューアイコンは、メニューが表示されていない状態のときは「三 MENU」にし、メニューが表示されている状態のときは「X CLOSE」と表示する。

※この記事では、スマートフォンサイトに欠かせないハンバーガーメニューの作り方を有料（100円）でご紹介しています。

この続きはcodocで購入