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.

collapse


Collapser

Submitted by vaakash on August 8, 2010 - 2:34am

Jquery collapser is a multi purpose collapser plugin made for expanding and collapsing elements. Can create a accordion, list collapser using this plugin.

Features

  • Very light-weight plugin, fast and simple.
  • Can collapse any element within an document.
  • Can add seperate classes for expanding and collapsing.
  • Customized targeting elements.
  • Callback functions.
  • Predetection of collapsed elements.
  • Can create accordion, list collapsers etc by adding a single additional line.
  • Cross browser supported.

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.

checkboxTree

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

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

Collapsible Checkbox Tree

Submitted by redcarrot on November 11, 2009 - 7:36pm

This plugin for jQuery takes a standard nested hierarchy of checkboxes, and turns them into a collapsible tree.

Tabs - jQuery Accessible RIA

Submitted by fnagel on October 11, 2009 - 1:33pm

jQuery Accessible RIA, a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on the popular Java-Script framework jQuery (using the UI Widget Factory).
This one extends a standard HTML table. You could add a sorting functionality, add a pager functionality, hide cols and rows — pretty cool when a user has to handle huge tables

Functionality features

* sort data by number, date, text alphabetically
* high performance: handle even large tables
* hide columns and rows
* pager functionality
* Standard jQuery widget methods: disable, enable, destroy

File size of the minified version is less than 9 KB.

Accessibility features

* keyboard support (arrow keys or native tabular index, Home, End, Space)
* ARIA Live-Regions
* ARIA and HTML table relations

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

LimitCharWidth

Submitted by jamadam on March 10, 2009 - 1:10pm

This plugin allows you to collapse the inner text so that it adjust into specific width or container width.

Example

HTML

<div class='hide_overflow' style='width:50px'>
    Text that expected to be shown in one line
</div>

Javascript

$('div.hide_overflow').limitCharWidth();

This works as follows. The innter text fits into 50px width.

Result

<div class='hide_overflow' style='width:50px'>
    Text that expec...
</div>

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

(mb)ConteinersPlus, a jQuery component for full customizable and featured container layout (DIV box model)

Submitted by pupunzi on February 1, 2009 - 12:34pm

Here it is!
Finally I realized the DIV box model of the (mb)Containers!

This is a useful plug in to build full featured and fully skinnable containers.
The container can be set to draggable, resizable, collapsable and minimizable.

demo and doc: http://pupunzi.wordpress.com/mb-jquery-components/mb-containerplus/

dependencies:

ui.core.js
ui.draggable.js
ui.resizable.js
optional: jQuery.metadata.js

How does it work:

here is the js call:

$(function(){
$(”.containerPlus”).buildContainers({
containment:”document”,
elementsPath:”elements/”
});
});

here is the code for each container:

Titolo container 1