liteAccordion is a horizontal accordion plugin for jQuery.
Please post any support or feature requests here.
Please do not post support requests on the issue tracker!
Follow me on Twitter @nicolahibbert for liteAccordion development news.
###Options
These are the default settings for the liteAccordion plugin:
containerWidth : 960, // fixed (px)
containerHeight : 320, // fixed (px)
headerWidth: 48, // fixed (px)
responsive : false, // overrides the above three settings, accordion adjusts to fill container
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
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, colorful, 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.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.