Home
Name Modified Size Downloads / Week Status
Totals: 8 Items   43.6 kB 5
img-demo 2013-03-14 3 weekly downloads
css 2013-03-14 6 weekly downloads
js 2013-03-14 2 weekly downloads
README.md 2013-03-14 3.3 kB 11 weekly downloads
gpl.txt 2013-03-14 32.0 kB 11 weekly downloads
index.html 2013-03-14 5.9 kB 11 weekly downloads
mit.txt 2013-03-14 1.1 kB 11 weekly downloads
conventAccordion.jquery.json 2013-03-14 1.2 kB 11 weekly downloads

conventAccordion

conventAccordion is an accordion plugin for jQuery.

Demo page at http://members.ziggo.nl/luch.klooster/


Styling

Styling options are given with the declaration of the ol (ordered list).

As class:

theme                    // basic (default), dark, light, stitch or spineless
rounded                  // not-rounded (default), rounded
orientation              // horizontal (default) or vertical

As style:

width                    // in px, auto makes accordion responsive to window size change
height                   // in px, auto makes height 1/3 of width
list-style-type          // decimal (default), decimal-leading-zero, lower-roman, upper-roman, lower-alpha, upper-alpha, upper-latin, none

Options

These are the default settings for the conventAccordion plugin:

pauseOnHover: false,     // pause on hover
actOnHover: false,       // activate slide on hover

autoPlay: false,         // automatically cycle through slides
slideInterval: 3000,     // time between slide cycles
continuous: true,        // autoPlay one cycle or continuous

startSlide: 1,           // displays slide (n) on page load
slideSpeed: 600,         // slide animation speed
easing: 'swing',         // custom easing function

autoScaleImages: false,  // if a single image is placed within the slide, this will be automatically scaled to fit
minContainerWidth : 300, // minimum width the accordion will resize to
maxContainerWidth : 960, // maximum width the accordion will resize to

linkable : false         // link slides via hash

prevText: '«',     // text of prev control
nextText: '»',     // text of next control
playText: 'Play',        // text of play control         
stopText: 'Stop',        // text of stop control        
prevTitle: 'Previous',   // title of prev control
nextTitle: 'Next',       // title of next control
playTitle: 'Play',       // title of play control
stopTitle: 'Stop'        // title of stop control

Methods

These are the methods for the conventAccordion plugin:

play                     // trigger autoPlay on a stopped accordion
stop                     // stop an accordion playing
next                     // trigger the next slide
prev                     // trigger the previous slide
active,n                 // trigger slide n
destroy                  // remove the accordion, destroying all event handlers and styles (unstyled html content will remain)
debug                    // returns a debug object
navigation               // create an external navigation structure

All of these methods are chainable (i.e. they return the original DOM object) with the exception of the debug method. To call a method, use:

$('#yourdiv').conventAccordion('play');

To chain methods:

$('#yourdiv').conventAccordion('next').conventAccordion('next');


Changelog

v1.0.3 - 11/03/2013

  • Added css files for vertical slides, gallery and rotating banner.

v1.0.2 - 11/03/2013

  • Update for publishing on plugins.jquery.com.

v1.0.1 - 09/03/2013

  • Corrected error in Manifest.

v1.0.0 - 08/03/2013

  • First full production version.
  • Supports now spineless accordions to be used as gallery slidedeck and rotating banner.
  • Extended navigation functions (external method navigation).

v0.1.1 - 21/02/2013

  • corrected an error in the readme file.

v0.1 - 26/01/2013

  • first release
Source: README.md, updated 2013-03-14