Hand-picked free jQuery Toggle Menus. All the collections are included with demo and source code. Updated on Jan 17 2020.
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)
Dependency: jQuery(v2.1.3)
Dependency: jQuery(v2.1.3)
Dependency: jQuery(v2.2.4)
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)
Dependency: jQuery(v3.1.1)
About the Code
Ink Drop Menu
Bringing Ink Drop Menu to life using SVG Goo, CSS transitions and simple jQuery toggle menu the states.
More info: Link
Dependency: CSS – Material Design Iconic Font(v2.1.2), JS – jQuery(v2.1.3)
Dependency: velocity.min.js, jquery.min.js
About the Code
Mobile Menu Tab
Simple menu tab, suitable for mobile devices.
More info: Link
Dependency: jquery.min.js
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
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
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
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
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
About the Code
Material flex header
More info: Link
Dependency: CSS – flex.css, font-awesome.min.css JS – jquery.min.js
Leave a Reply