swipe-menu-jsは横からスライド・スワイプ表示するシンプルなハンバーガーメニューを実装できます。jQueryが使われていて、使い方やマークアップも簡単に記述できるので手軽に使用できるのがいいですね。 以下のページからswipe-menu-jsの実際のデモ動作をチェックできます。 デモ デモは全部で3つ用意されています。Menu 1(Slide menu with hover effect)、Menu 2(Slide menu with jQuery)、Menu 3(Swipe menu with jQuery)です。 どれも画面左上にハンバーガーアイコンが表示されていて、ここからナビゲーションメニューを展開できるようになっています。 Menu 1ではハンバーガーアイコンにホバーするだけでメニューが横からスライドで開かれます。閉じる場合はメニュー外にマウスを持ってくればOKです。
![横からスライド・スワイプ表示するハンバーガーメニュー実装「swipe-menu-js」 – bl6.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/97f332bc755b62376e0e75331d2d1d5ccf9afad5/height=288;version=1;width=512/https%3A%2F%2Fbl6.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2018%2F08%2Fswipe-menu-js.jpg)