nikki / LiteAccordion

A lightweight horizontal accordion plugin for jQuery.

LiteAccordion

LiteAccordion is a horizontal accordion plugin for jQuery. This plugin is no longer under development and will not be receiving any updates in the future

Options

These are the default settings for the liteAccordion plugin:

containerWidth : 960,                   // fixed (px)
containerHeight : 320,                  // fixed (px)
headerWidth: 48,                        // fixed (px)

activateOn : 'click',                   // click or mouseover
firstSlide : 1,                         // displays slide (n) on page load
slideSpeed : 800,                       // slide animation speed
onTriggerSlide : function() {},         // callback on slide activate
onSlideAnimComplete : function() {},    // callback on slide anim complete

autoPlay : false,                       // automatically cycle through slides
pauseOnHover : false,                   // pause on hover
cycleSpeed : 6000,                      // time between slide cycles
easing : 'swing',                       // custom easing function

theme : 'basic',                        // basic, dark, light, or stitch
rounded : false,                        // square or rounded corners
enumerateSlides : false,                // put numbers on slides
linkable : false                        // link slides via hash

Methods

These are the methods for the liteAccordion plugin:

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

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').liteAccordion('play');

To chain methods:

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

Changelog

v2.2 - 21/01/2013

• removed responsive option
• removed autoScale images option
• fixed issue #66
• fixed minor css bugs (ie10)

v2.1.1 - 10/09/2012

• fixed issue #58

v2.1 - 19/08/2012

• added responsive layout option
• added minContainerWidth and maxContainerWidth properties for use with responsive option
• added autoScale images option
• click or hover on selected header now triggers slide
• linkable now uses 'data-slide-name' instead of 'name'
• $.browser no longer used

v2.0.3 - 18/08/2012

• Chrome residual animation artifacts bug fix

v2.0.2 - 23/01/2012

• slide width fix for IE
• added documentation for methods

v2.0.1 - 23/11/2011

• added css hook on each slide for ie7 & ie8
• css fixes for ie7 & ie8
• css improvements for other browsers

v2.0 - 16/11/2011

• new methods:
  • play
  • stop
  • next
  • prev
  • destroy
  • debug
• rewrote plugin to expose methods
• refactored core
• refactored css, styles no longer cascade into slide content divs
• mouseover activation
• easing support
• linkable slides via hashchange
• two new themes:
  • light
  • stitch
• demo suite available

v1.1.3 - 06/04/2011

• IE bug fixes

v1.1.1, v1.1.2 - 27/03/2011

• IE bug fixes

v1.1 - 21/03/2011

• Added a pause on hover feature

v1.0 - 02/03/2011

• First release

Not Supported/Won't Fix

• IE6
• IE7 & hashchange - if you need this, please use Ben Alman's jQuery BBQ plugin.
• the 'stitch' theme has been stripped back for IE depending on the level of CSS support available.