ハンバーガーメニュー


スライドインタイプのスマホメニューなんかで、メニュー領域外をタップした時にメニューが閉じる動作。
スマホアプリのUIとしてはもはやデフォルトと言えますよね。
当然、WEB上でも同じ体験が求められます。WEBはどんどんアプリ化されていきますから、寄せていくのは必然。

という事で、jQueryを使ってこれを再現しました。

▼HTML※Bootstrap3ベース

▼css

▼jQuery