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.

expand


Simple jQuery Expand Collapse Unordered Lists

Submitted by fluidbyte on May 21, 2010 - 3:39pm

Awhile ago I needed a simple expand/collapse list (UL) for a client's site. There are a TON of 'tree' plugins, but nothing simple, so I wrote one.

It will handle any (properly formed) unordered list and will add 'a' tags as needed to be used as actuators for the expand/collapse function. If you're UL already has 'a' tags for each list item it will simply skip over them.

Xpnd.it!

Submitted by longshore on April 14, 2010 - 8:23pm

Expand short URLs using http://xpnd.it

It supports more than 500 URL shortening services at a blazing-fast speed.

checkboxTree

Submitted by v.galano on April 9, 2010 - 5:30pm

checkboxTree is lightweight jQuery plugin to handle collapsible checkbox's tree.

Expanding Grid

Submitted by charlesmarshall on February 6, 2010 - 1:44pm

Creates grid system out of divs. On hover the active grid expands to ratio set by the config, fades out the background.

ExpandCollapse

Submitted by kflorence on August 13, 2009 - 9:37pm

ExpandCollapse automatically attaches to any jQuery object and binds a click event to that objects "trigger" element (can either be passed in or created automatically) that will expand or collapse the element upon clicking. There are plenty of options to keep usage flexible:

Options

  • updateText: true or false
    whether or not to update the trigger element's text on click (uses the values from expandText and collapseText).
  • updateClass: true or false
    whether or not to update the trigger element's class on click (uses the values from expandClass and collapseClass).
  • startHidden: true or false
    whether or not to automatically hide any matched elements. This is useful for graceful degrading, in case the user has javaScript turned off and you still want your toggled elements to show up.
  • triggerTag: "<span/>"
  • triggerElement : ""

Eniac Essentials Detail Expander

Submitted by R. Osinga on April 2, 2009 - 8:18am

EEDE (Eniac Essentials Detail Expander)

This jQuery plugin is meant to show and hide detail sections in your page, using jQuery. It aims to be extremely flexible and simple in use at the same time.

How it works

  • Create any dom element structure in you page on which the user will click to show an hidden detail-section.
  • Add an attribute called 'detail' to the main element of the clickable section.
  • The value of this attribute must be a css-style jQuery selector that references the element(s) to show and hide.
  • instantiate the detail expander by calling the constructor for theclickable element.

Extra features

  • the constructor will also accept an option called 'speed'. Any speed indicator, accepted by the jQuery animations is valid. (default=slow)
    e.g. "slow", "fast", 0, 1.4

jCollapser Plugin

Submitted by horgasz on March 9, 2009 - 3:59am

Small plugin to make it easier to make elements on a page collapsable/expandable

treeTable

Submitted by ludo on November 13, 2008 - 7:21am

The treeTable plugin allows you to display a tree in a table, i.e. a directory structure or a nested list. Each branch in this tree can be collapsed and expanded, just like in a file explorer in most modern operating systems.

NOTE: This plugin was originally named ActsAsTreeTable.

Features

  • - Display a data tree in a table column.
  • - As unobtrusively as possible.
  • - Optional collapse/expand behavior on branches (think of how a directory structure works in most file explorers).
  • - Prepared for drag & drop of branches/nodes.
  • - Unlimited tree depth.

ActsAsTreeTable

Submitted by ludo on October 2, 2008 - 8:54am

NOTE: This plugin has been renamed to treeTable. ActsAsTreeTable will not be updated after version 1.2.

With this plugin you can display a tree in a table, i.e. a directory structure or a nested list. Each branch in this tree can be collapsed and expanded, just like in a file explorer in most modern operating systems.

Features

  • - It can display a tree of data in a table column.
  • - It does this as unobtrusively as possible.
  • - It allows branches to be collapsed and expanded (think of how a directory structure works in most file explorers).
  • - It allows unlimited tree depth.