A tutorial on how to create some nice custom drop-down lists with CSS and jQuery.
There are five examples with different looking drop-down menus and lists for various purposes.
A simple and lighweight jQuery plugin for cascading dropdowns.
The plugin allows you to implement a cascading dropdown using multiple select boxes in which one select box depends on the input from one or more separate select boxes. Once one or all (depending on the configuration) required select boxes contain a value, it will trigger an event that will fire off the dependant select box so it will fetch its own list.
Fancy Fields is a jQuery plugin to customize form elements easily. Text boxes, text areas, radio buttons, checkboxes, select items etc.
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.
Each sub-level in this menu will be shown in its own context, making the “parent” level disappear. This is done with subtle animations that are defined in separate animation classes. The menu is fluid so that it can be used easily in a responsive layout.
Device Agnostic Approach to Complex Site Navigation with Support for Touch and Keyboard Accessibility
A mobile-first example of using media queries and jQuery to make a decent site menu with drop downs. Special attention is paid to touch screens using click events for tap targets.
doubleTapToGo is responsive and touch-friendly dropdown navigation.
The technique consists of three main parts:
SooperFish is a customizable solution for animated dropdown menus. It combines the features of superfish, structured programming of Droppy and a ton of new features like multi-column dropdown menus and configurable show and hide animation with custom easing.
SelectBoxIt allows you to replace ugly and hard to use HTML select boxes with gorgeous and feature rich drop downs. Twitter Bootstrap, jQueryUI and jQuery Mobile themes are supported right out of the box.
SelectBoxIt also provides first-class support for mobile, tablet, and desktop browsers, triggering the native "wheel" interface for mobile and tablet devices.
dropdown.dot.js is a jQuery plugin for super-flexible Dropdowns based on dot.js templates.
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.
The idea is to transform a normal select input into something more appealing with a jQuery plugin. The expanding of the options will happen with a transition and parameters can be configured in a way to achieve unique effects.