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.

Unordered List


jQuery.serializeTree

Submitted by DukeDrake on December 15, 2009 - 3:05pm

Recursive function to serialize ordered or unordered lists or trees of arbitrary depth and complexity. The resulting array will keep the order of the list and is suitable to be posted away.

Demo & Code available here

Comments and critique welcome

Editlist

Submitted by arlolra on December 3, 2009 - 3:54pm

A plugin to edit your unordered lists in place.

Click an item to begin editing.
Works with keypress on Enter, Backspace, Delete, and Tab.
Ability to edit, add, and remove list items.

jQuery Drop Down Menu

Submitted by krbullock on September 10, 2009 - 5:18pm

Simple jQuery-based drop down navigation menu, with delayed hiding on mouseOut. Download the latest version at http://bitbucket.org/krbullock/jquery-dropdown/get/tip.zip, and see demo.html for an example of how to set up the CSS for it.

HoverScroll

Submitted by rascarlito on June 26, 2009 - 3:52pm

Takes an unordered list and makes it scrollable by hovering the mouse over it.

Visit the HoverScroll plugin homepage for more information:
http://rascarlito.free.fr/hoverscroll

scrollList

Submitted by aredamkrik on May 28, 2009 - 12:13pm

Scrolls an ordered or unordered list in a given direction. Allows setting of scroll direction, speed, and delay.

Example:

Html:

<div class="scroll_list_container">
    <ul class="scroll_list">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
    </ul>
</div>

Script:

// Scroll list up @ 20 pixels/second with a 1s delay (default)
$j('ul.scroll_list').scrollList();

// Scroll list left @ 30 pixels/second with a no delay
$j('ul.scroll_list').scrollList('left', 30, 0);

// Scroll list down @ 20 pixels/second with 500ms delay
$j('ul.scroll_list').scrollList('down', 20, 500);

Css:

div.scroll_list_container {
    overflow:hidden;
    max-height: 30px;
}

ul.scroll_list {
    margin:0;
    padding:0;
}

Column View

Submitted by chrisyates on February 27, 2009 - 1:09am

Transforms a nested unordered list of links (like a Drupal menu, for example) into a Mac OS X-like column view, without requiring changes to markup.

Generates disclosure triangles with Canvas automagically, no other support files required.

Tested with FF3, Safari 3/4, IE 6/7/8, Chrome.

Columnview (version 1.2) is now compatible with jQuery 1.4.x, and supports keyboard navigation on all browsers with jQuery 1.3.x or later. Unfortunately this comes at the expense of 1.2.x keyboard navigation; users for which this is a critical issue should stick with older versions available in the SVN repository branched for 1.2.x.

Latest Update

Version 1.2.1 now supports multiple selection via control-clicking (with jQuery 1.2.6+) and shift-clicking (with jQuery 1.4.x+). See documentation.

Simple Drop Down Menu

Submitted by Kimosabe on October 30, 2008 - 4:57am

Overview

The main advantage of this menu is that these twenty lines of code and absence of various ungraceful mouse events within html tags.

Homepage:
jQuery Simple Drop Down Menu

Features:
unordered list as menu structure
absence of mouse event handlers within html
timeout effect

wrapList

Submitted by jcgrubbs on October 2, 2008 - 6:04pm

wrapList is a lightweight plugin to break long unordered lists into smaller segments and wrap them. This is a simple way to create columns of elements with varying heights.