Best jQuery Menus Plugins & Tutorials with Demo

    An Awesome jQuery Plugin For Creating Magical Layouts – Isotope

    jQuery Plugin For Creating Magical Layouts – Isotope

    Isotope is an impressive jQuery plugin that enables us to sort items and create smart layouts.Using the plugin, any given list of items can be filtered with show/hide effects and they can be re-ordered with slick animations.The plugin’s layout features are very powerful as well. With a simple function, items can be converted into horizontal/vertical layouts or arranged intelligently within a grid and much more. And, all with nice animations.

    How To Create a Stylish Content Slider using CSS3 & jQuery

    How To Create a Stylish Content Slider using CSS3 & jQuery

    Content sliders are very popular because they work and usually don’t hinder usability and in many cases can even improve the user experience. Today we’ll learn how to create a stylish content slider using CSS3 and some jQuery magic.

    Vertical Scroll Menu with jQuery Tutorial

    Scroll Menu with jQuery Tutorial

    Just last week, I came accross to this website Narrow Design. His scroll menu caught a lot of my attentions, I played with it for a while. Yes, unfortunately, it’s built in flash. And, Yes, we are going to implement it with jquery – javascript based scroll menu that will do the same thing. Of course, it will not be 100% the same, because some of the fancy features just not that practical to implement with javascript.

    How To Create a Cool Animated Menu with jQuery

    How To Create a Cool Animated Menu with jQuery

    In this tutorial we’ll be building a cool navigation list complete with a sliding hover effect. Learn how to build the concept in Photoshop, lay out the basic HTML elements, style everything up in CSS then tie it all together with a few lines of jQuery to create a semantic, accessible and degradable menu design.

    Simple jQuery Flickr Style Tooltip Menu with Demo

    Simple JQuery Flickr Style Tooltip Menu

    In today post I try to create the flickr style tooltip drop down menu, I mean the drop down menu when you see in the detail image page, the challenge creating this feature is the CSS, that contains gradient and manipulating box so that can look like a triangle in the tooltip menu after the main menu clicked.

    MobilySelect jQuery plugin

    mobilyselect jQuery plugun

    MobileSelect is jQuery plugin which sort the images with the help of tab menus ….

    Simple Toggle with CSS & jQuery

    I know there are a lot of toggle tutorials out there already, but when I was learning the basics of jQuery and the toggle effect, I had a hard time finding resources on how to switch the “open” and “close” graphic state….

    Collapsing Site Navigation with jQuery

    We will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the top and a submenu slides up from the bottom. Clicking on one of the submenu items will make the whole menu collapse like a card deck and the respective content area will slide out.

    jQuery Mega Select List with Demo

    The jQuery Mega Select List is a plugin that converts large select lists into a mega-menu style list of options. This plugin doesn’t affect your form, posting back the selected value as if the options were being selected in a normal select list. You can animate the mega-select-list using CSS as per this example, or you can have it constantly expanded instead. You can set up the mega-select-list to allow single or multiple selections and in multiple mode can optionally limit the number of selections.