Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

dropdown


AtOfis

Submitted by PeterLiew on October 13, 2010 - 7:27am

Use AtOfis widgets to enrich your web app that build on top of the jQuery Library. Atofis simple and easy to use.

Easy Dropdown

Submitted by r3drum on September 30, 2010 - 12:52am

EasyDropdown is an easy-to-use Dropdown plugin.

Markup

<div class="drop">
   <span>Heading</span>
   <ul>
      <li><a href="#1">action 1</a></li>
      <li><a href="#2">action 2</a></li>
   </ul>
</div>

Usage

$('.drop').dropdown();

hyjack select

Submitted by brantwills on September 21, 2010 - 9:35pm

Hyjack Select was designed to replace traditional html select input control (also known
as combobox or dropdownlists). Hyjack Select enchances the select by injecting a
"search like suggest" textbox which queries the select option items.

jGD DropDown

Submitted by dev4press on July 16, 2010 - 7:21am

jGD DropDown is first plugin for jQuery by Dev4Press. Styling normal select box control is almost impossible, and whatever you do with it, each browser will display it differently. In many cases where you need this control to blend in with the rest of the controls, the only way to do it is to replace it.

This plugin will replace select control with combination of DD/DT/UL/LI controls that can easily be styled to look the way you need it, and in the same time your select control will remain connected to this new dropdown, and when you change value in the dropdown, it will be changed in select box also.

DropDown supports different options, but it’s meant to be used with normal select box, so the multiple attribute in select box will be ignored. Only one value can be selected. Check out demos and usage page to see how to add it to your website and how to set it up.

SooperFish Multi-Column Animated Drop-down

Submitted by peach on June 3, 2010 - 10:13am

SooperFish is an easy to use dropdown-menu plugin with total configuration control and clean code.

Features:

  • Automatic dual or triple columns based on number of child menu items
  • Optional delay before hiding menu on mouse-out
  • Optional automatic indicator arrows (in black or white)
  • Configurable show AND hide animations
  • Custom easing supported
  • Works with jQuery backlava plugin (optionally)
  • Works fine with Javascript disabled
  • Comes with several free themes to demonstrate styling
  • 3.65kb uncompressed
  • 2.01kb minified

For more info check the jQuery SooperFish Blog Post at sooperthemes.com.

This plugin was develope to power the awesome premium Drupal themes at SooperThemes.com.

Micro Accordion

Submitted by DanielProbst on May 9, 2010 - 6:11pm

JQuery Micro Accordion Plugin is a small (1.33 KB) plugin that creates a simple accordion - no bells or whistles.

Features:

  • It hasn't many features (you're not going to need anyway ...)
  • Easy to implement.
  • Supports custom Animations.
  • It's small!

jQuery DropDown Checkboxes

Submitted by glammagod on April 28, 2010 - 4:12pm

A Drop down plugin that contains checkbox options.

The plugin takes JSON as the options.
Check the homepage for more information.

http://www.andytimney.com/?p=65

dropmenu, a dropdown-menu with infinit submenu's.

Submitted by FrD on April 21, 2010 - 5:39pm

jQuery.dropmenu is a plugin which takes a standard HTML-list (UL-element) and turns it into a dropdown-menu with (in theory an infinite amount of) submenu's. It is easy to install and style with CSS.
The plugin is designed to be quickly applied: Most of the configuration like heights, widths and distances are calculated automatically.

Example UL-list:

<ul id="foo">
   <li><span class="selected">TopItem 1</span></li>
   <li><span>TopItem 2</span>
      <ul>
         <li><a href="/">Subitem 2.1</a></li>
         <li><a href="/">Subitem 2.2</a></li>
         <li><a href="/">Subitem 2.3</a></li>
      </ul>
   </li>
   <li><a href="/">TopItem 3</a></li>
</ul>

Dropdown Replacement

Submitted by mkoryak on March 6, 2010 - 6:09pm

The jQuery dropdownReplacement plugin allows you to and unobtrusively upgrade inputs and native selects into a dropdown widget that is indistingushable from a native select box in both look and functionality.

Features:

  • Skinnable
  • Use arrows to navigate
  • Tabbing support
  • Use keys to go to option starting with typed letter (up to N letter matching)
  • Debouncing of repetitive actions for faster interface
  • behaves and looks like a standard dropdown

See demos for lots of examples

rgbmultiselect - a plugin for choosing multiple options from SELECT lists

Submitted by rbuterbaugh on March 5, 2010 - 12:37am

rgbmultiselect v1.1.1 is a jQuery plugin that turns standard HTML SELECT fields (single and multiple) into easier-to-use widgets. Users can more easily select and filter options and use both the mouse and keyboard to interact with the options. It has a variety of features and configuration options, including:

  • widget fits in the space of a single text input field
  • supports sticky and exclusive options
  • supports subheader designations
  • comprehensive callback support
  • can set a maximum limit on the number of options selected
  • all selections stored using the backing SELECT box for maximum compatibility and degradability
  • cross-browser: IE 6+, Firefox 2+, Safari 3+, Opera 9+, Chrome 1+
  • reasonable size (31K minified, 16K packed)