20 Cool jQuery Toggle Menu

By | January 17, 2021

Hand-picked free jQuery Toggle Menus. All the collections are included with demo and source code. Updated on Jan 17 2020.

Author

  • Nikolay Talanov
  • June 13, 2016

Made with

  • HTML / SCSS / JavaScript

About the Code

Simple radial menu

There is a bug with square backgrounds when you hovering buttons. Looks like it’s a problem with this fancy hsla gradient background, but i don’t wanna change it 🙂

More info: Link

Dependency: font-awesome.min.css(v4.2.0), jquery(v2.1.3)

Author

  • Lewi Hussey
  • October 24, 2014

Made with

  • HTML / Less / JavaScript

About the Code

Nav toggler

More info: Link

Dependency: jQuery(v2.1.3)

Author

  • Andrzej Dubiel
  • April 14, 2015

Made with

  • HTML / Less / JavaScript

About the Code

Responsive Navigation Ideas

Burgers and whatnot.

More info: Link

Dependency: jQuery(v2.1.3)

Author

  • Vico Adomeit
  • June 24, 2016

Made with

  • HTML / CSS / JavaScript

About the Code

Bubble Menu

Just a simple javascript menu.

More info: Link

Dependency: jQuery(v2.2.4)

Author

  • Mario Loncarek
  • August 13, 2015

Made with

  • HTML / CSS / JavaScript

About the Code

Responsive overlay menu navigation

Responsive flat animated overlay menu using CSS HTML and jquery nav navigation. There are two menus, classic and hamburger menu with full-screen overlay. It’s also flat. Links work when the menu is downloaded. Icons from font-awesome

More info: Link

Dependency: jQuery(v2.1.3)

Author

  • Nitin Suri
  • May 10, 2017

Made with

  • HTML / Less / JavaScript

About the Code

iOS style Infinite Level – Mobile Sliding Menu

More info: Like

Dependency: jQuery(v3.1.1)

Author

  • Sean Dempsey
  • April 11, 2015

Made with

  • HTML / SCSS / JavaScript

About the Code

Navigation Concept – Velocity.js

Navigation Concept – Velocity.js

More info: Link

Dependency: velocity.min.js, jquery.min.js

Author

  • Cheryl Laird
  • October 11, 2013

Made with

  • HTML / CSS / JavaScript

About the Code

Mobile Menu Tab

Simple menu tab, suitable for mobile devices.

More info: Link

Dependency: jquery.min.js

Author

  • mp_graphic
  • August 29, 2014

Made with

  • HTML / CSS / JavaScript

About the Code

SlideDown Menu

More info: Link

Dependency: jquery.min.js

Author

  • Matt Hoiland
  • October 10, 2013

Made with

  • HTML / CSS / JavaScript

About the Code

Bounce Menu

Menu animation based on the work of CreativeDash.

More info: Link

Dependency:

Author

  • Ryan Mulligan
  • March 13, 2017

Made with

  • Pug / SCSS / JavaScript

About the Code

Off Canvas Mobile Submenu

An experimentation that sets all submenus off screen so that they can be toggled in and out of view when their parent arrow elements are clicked.

More info: Link

Dependency: jquery-2.2.4.min.js

Author

  • Florian Guiffrey
  • October 30, 2017

Made with

  • HTML / CSS / JavaScript

About the Code

Fancy jQuery Toggle Menu

A fancy jQuery toggle menu to edit quickly posts on websites.

More info: Link

Dependency: jquery.min.js

Author

  • Jon Wilcox
  • June 27, 2018

Made with

  • HTML / Less / JavaScript

About the Code

Expanding and Collapsing Hamburger Menu

Experimenting with making the menu items themselves collapse into the bars of the hamburger menu.

More info: Link

Dependency: jquery.min.js

Author

  • Martin Sotirov
  • November 5, 2013

Made with

  • HTML / CSS / JavaScript

About the Code

WP Mobile Menu Toggle

A jQuery ‘plug-in’ for displaying a three bar mobile menu toggle on WordPress. Submenus get expanded via sliding motion, too.

More info: Link

Dependency: jquery.min.js

Author

  • Willmer Barahona
  • May 24, 2016

Made with

  • HTML / SCSS / JavaScript

About the Code

Circle Menu

A nice menu effect that when clicked will pop items around and when clicked will animate the button to circle around and then change the background color to the one selected.

More info: Link

Dependency: jquery.min.js

Author

  • ducnguyen
  • March 19, 2016

Made with

  • HTML / CSS / JavaScript

About the Code

show hide for fix menu with scroll sub menu

More info: Link

Dependency: jquery.min.js

Author: CV

I am a Front-end Developer, graduate of Information Technology, and founder of w3tweaks.com. I have 12+ years commercial experience providing front-end development, producing high quality responsive websites and exceptional user experience.