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.

hide


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.

One Show Hide 1.0

Submitted by jrutter on June 2, 2010 - 7:07pm

One Show Hide is a jQuery Plugin which will hide list items and add a show/hide link which toggles the visibility. This plugin helps to solve the issue when you have a really long list, but only want to show the first 10-15 items, and hide the rest. And give the user the option to see the hidden items by clicking a link.

Simple collapsible panel

Submitted by darreningram on April 8, 2010 - 10:23am

A simple plugin to transform a div into a sliding collapsible container.
It also works with jQuery UI themes - so if you already have a theme in your web site then the panels will pick up on this and will be styled appropriately.

Usage

Create a container div with a class of 'collapsibleContainer'. Give the div a title attribute. The plugin will turn the div into a collapsible container using the title attribute within it's heading area.

<div class="collapsibleContainer" title="Example Collapsible Panel">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.... (you get the idea!) </p>
</div>


To fire the plugin, simply select all the divs with class collapsibleContainer and call the collapsiblePanel function.

JQUERY BUBBLE POPUP v.2

Submitted by maxvergelli on February 9, 2010 - 10:04pm

-----------------------------------------------------------------------------

JQUERY BUBBLE POPUP is a plugin to display
smart, animated & shadowed, "bubble" popups
with few lines of code in jQuery!

-----------------------------------------------------------------------------
Example:

$('.button').CreateBubblePopup({ innerHtml: 'This is a Bubble Popup!' });
-----------------------------------------------------------------------------

Main Features:
- attach popups on the left, top, right or
bottom side of any DOM element!
- mouseover/mouseout events automatically managed!
- set custom popups events!
- create smart shadowed popups! (in IE too!)
- choose popup's style templates at runtime!
- insert HTML messages inside popups!
- and many options: distances, velocity, delays, colors...

-----------------------------------------------------------------------------

"jQuery Bubble Popup" supports HTML5 and

Sortable Tables - jQuery Accessible RIA

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

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

Obfuscate Image

Submitted by JDStraughan on April 13, 2009 - 2:30pm

jQuery Obfuscate Image Plugin

This plugin covers any image with a solid color and reveals the image when clicked.

Possible Uses:

  • Covering spoilers
  • Hiding NSFW content

jquery.divider

Submitted by Bruun on January 18, 2009 - 6:30pm

jquery.divider

Adds a configurable hide/show-bar to a DIV tag

Main use I can come up with is to hide a rarely used menu on the side of the page (The reason I created it).

The plugin uses cookies to store the state (in/out) of the divider. It flashes and animates on page load to indicate 'clickability'.

Check out the demo page.

Mailme - Email Defuscator

Submitted by jt on November 20, 2008 - 8:03am

Based on this article:

http://www.html-advisor.com/javascript/hide-email-with-javascript-jquery/

Example markup:

<span class="mailme" title="Send me a letter!">me at mydomain dot com</span>

Example code:

// Replaces all the matching elements with a <a href="mailto:..> tag.
$('span.mailme').mailme();

heartBeat 0.1

Submitted by Nordz on August 14, 2008 - 3:52am

This plugin give you the opportunity of using the fade in/fade out giving the effect of an heart beat. In fact it looks a little bit like the apple on mac that is flashing when you close the cover.

To see it working, I strongly suggest you to go on the demo site.

jQuery Table Display

Submitted by lucas.leite on August 6, 2008 - 8:51pm

This plugin creates the methods "showRow", "hideRow" and "toggleRow", to manage the display of table rows.

Tested in FF 3.0 and IE7.

Created by Gabriel Langhans, Lucas Leite and Maicon Martins