🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Simple jQuery & CSS3 Based Off-canvas Sidebar Navigation

A super simple jQuery script to create an Off-canvas sidebar menu for navigation. The navigation will slide out from the left side of the page with a smooth CSS3 transition effect once you click the toggle button.

side-menu off-canvas-menu toggle-menu Navigation

Download Tutorial

Documentation

offcanvas-nav-demo

A simple offcanvas nav using CSS transitions and jquery click events

You May Also Like

Facebook App Like jQuery Side Navigation Plugin - menuPanda

jQuery Animated Side Navigation Menu Plugin - Sidebar

Responsive Side Sliding Menu with jQuery - SlidingMenuJs

jQuery Off-Canvas Sidebar Navigation Plugin - Form5 Offcanvas

jQuery Plugin For Minimal Sidebar Navigation - Xeo Menu

Stripped Back Responsive Off-Canvas Navigation Plugin For jQuery

App Style Fly-out Navigation Menu Plugin For jQuery - iosmenu

Simple jQuery & CSS3 Based Off-canvas Sidebar Navigation

Lightweight jQuery Off-canvas Sliding Navigation Plugin

Responsive Sliding Side Navigation with jQuery and CSS3

jQuery Sidebar Navigation with Cool Blurring Effect - Focucss

Responsive Off-Canvas Slide Menu with jQuery and CSS3

Slick Slide Side Navigation with jQuery and CSS3

Android Style Side Drawer Navigation Plugin with jQuery - Hamburger

Lightweight Off-Canvas Menu with jQuery and CSS3

Super Simple jQuery Sidebar Sliding Menu Plugin - Slidx

CSS3 & jQuery Based Off-canvas Navigation with Fullscreen Overlay

Animated Side Sliding Drawer Menu Plugin with jQuery - Drawer Menu

jQuery Multi-Purpose Responsive Mobile Menu Plugin - Ultimate Burger Menu

Simple jQuery Mobile Navigation Side Menu - Shifter

Material Design Inspired Reveal Navigation with jQuery and CSS3

3D Skew Side Menu with jQuery and CSS3 Transforms

Cool Morphing Sidebar Navigation with jQuery and CSS3

Mobile Friendly Responsive Side Menu Plugin with jQuery - gxSideMenu

Multi-Level Sliding Sidebar Navigation with jQuery and CSS3

Pretty Off-canvas Sidebar Navigation with jQuery and CSS3

Animated Off-canvas Side Menu using jQuery and CSS3 Transitions

Stylish Off-canvas Sidebar Menu with jQuery and CSS3

Responsive Sidebar Push Menu with jQuery and CSS3

Create An Off-canvas Sidebar Navigation with jQuery and Bootstrap

Minimalist jQuery Sliding Sidebar Navigation

Elastic Off-canvas Navigation with jQuery and CSS3

jQuery/CSS3 Based Expanding Hamburger Menu - Shy Menu

Responsive Sticky Side Menu Plugin For jQuery - Bamboo.js

Sidebar Slide-In Menu with jQuery and CSS3

Lightweight Push Menu with jQuery and CSS3 - Toggle Menu

Touch Swipeable Sidebar Menu with jQuery and CSS3

Sticky Sidebar Navigation with jQuery - Vertical Navigation

Sleek Off-canvas Push Menu Plugin For jQuery - FlyPanels

Simplest jQuery Side Push Menu Plugin - sidemenu.js

Expanding Sidebar Navigation with jQuery and Bootstrap 3 - Vertical Menu

Responsive Mobile Menu Plugin For jQuery - Simple Mobile Menu

Android-style Offcanvas Sidebar Navigation with jQuery and CSS3

Cool Off-canvas Burger Menu with jQuery and CSS3

Simple Mobile Push Menu With jQuery and TweenMax.js

jQuery & CSS3 Off-canvas Push Menu For Bootstrap 3

Smooth Sidebar Navigation Plugin with jQuery - NavSide

Smooth Sidebar Navigation with jQuery and CSS3

Lightweight Sliding Sidebar Menu Plugin with jQuery - Tuxedo Menu

Minimalist Sidebar Navigation With jQuery And CSS3

Mobile First Swipe Navigation With jQuery and Hammer.JS

Bootstrap Sidebar Extension With jQuery And CSS / CSS3

Bootstrap Drawer Panel/Navigation Plugin With jQuery

Minimalist Navigation Drawer Plugin With jQuery - Push Menu

Minimalist Sidebar Offcanvas Menu Plugin With jQuery - asidebar

Sticky Morphing Side Navigation With jQuery And CSS3

Creating A Sliding Side Menu with jQuery and CSS3 - SideMenu.js

Convenient Retractable Navigation With jQuery And CSS3 - gnmenu.js

Mobile-friendly Sliding Side Menu Plugin With jQuery

Floating Sticky Slide Menu Plugin With jQuery - Slide Menu

Responsive Admin Sidebar Menu Plugin With jQuery - sidebar-nav

Fancy Sidebar Navigation Plugin With jQuery And GSAP - sideNavi

Interactive Off-canvas Overlay Menu With jQuery And CSS3

Responsive Multi-purpose Navigation Plugin With jQuery - Pushy

Off-canvas Push Menu Plugin For Bootstrap - Push.js

Responsive Sliding Sidebar Navigation Plugin With jQuery - crbnMenu

Stylish Multi-level Sidebar Menu Plugin With jQuery - sidebar-menu.js

Mobile-first Offcavas Side Menu With jQuery - gab-mobilemenu

Minimal Overlaying Off-canvas Plugin With jQuery - Iptools Offcanvas

Generic Sliding Push Drawer Plugin For jQuery - slideNav

jQuery Plugins

AngularJs Plugins