Cool jQuery classicAccordion and jqueryaccordion

Cool jQuery classicAccordion and jqueryaccordion
Online instance

Result 1

Effect 2

Effect 3

Usage

Accordion ul li list <ul class = "accordion"> <li>  <div class =" caption "> awesome Chinese responsive web company webpage Template </div> </li>... </ul> $ (document ). ready (function () {accordion = $ ('. accordion '). classicAccordion ({width: 1200, height: 400, slideshow: true, shadow: true, alignType: 'center', closedPanelSize: 40, panelProperties: {0: {captionWidth: 200, captionHeight: 35, captionTop: 30, captionLeft: 30}, 2: {captionWidth: 380, captionHeight: 40, captionTop: 330, captionLeft: 30}, 4: {captionWidth: 150, captionHeight: 120, captionTop: 270, captionLeft: 600}, 7: {captionWidth: 300, captionHeight: 35, captionTop: 180, captionLeft: 250}, 8: {captionWidth: 380, captionHeight: 40, captionTop: 330, captionLeft: 30}, 10: {captionWidth: 150, captionHeight: 120, captionTop: 30, captionLeft: 620 }}); accordion. openPanel (0 );});

　　

Parameter Details

Parameters	Description	Default Value
CaptionWidth	Title width	300
CaptionHeight	Title height	100
CaptionTop	Header distance	100
CaptionLeft	Left margin of title	30
Shadow	Whether to display the shadow Layer	True
LinkTarget	Open the link mode. The default window is new.	_ Blank
OpenPanelDelay	Open Delay Time	200
Orientation	Accordion direction, with horizontal and vertical	Horizontal
Width	Accordion width	500
Height	Accordion height	300
AlignType	Method	LeftTop
Distance	Distance	0
Slideshow	Turn on sliding effect	False
SlideDuration	Sliding Delay Time	700
OpenPanelOnMouseOver	Hover the mouse to open	True
ClosePanelOnMouseOut	Move the mouse away and close	True
OpenPanelOnClick	Click to open	False

Download