responsive

responsive

  • Available since: v1.2
  • Type: option
  • Data type: Boolean
  • Allowed values: true, false
  • Default value: true

Specifies whether to change accordion dimensions according to its parent.

Example:

$('.accordion').jAccordion({
	responsive : true //You don't even have to set this property because 'true' is default value
});

Demo 1

Demo 1 demonstrates behaviour of the plugin with the described option enabled. Resize browser window to see that size of accordion changes as well. Horizontal accordion is used.

Loading content...
slide1
slide2
slide3
slide4
slide5

Demo 2

Demo 2 demonstrates behaviour of the plugin with the described option enabled. Resize browser window to see that size of accordion changes as well. Vertical accordion is used.

Loading content...
slide1
slide2
slide3
slide4
slide5

Demo 3

Demo 3 demonstrates behaviour of the plugin with the described option disabled. Resize browser window to see that size of accordion stays the same. Horizontal accordion is used.

Loading content...
slide1
slide2
slide3
slide4
slide5

Demo 4

Demo 4 demonstrates behaviour of the plugin with the described option disabled. Resize browser window to see that size of accordion stays the same. Vertical accordion is used.

Loading content...
slide1
slide2
slide3
slide4
slide5

jAccordion by maniacpc, exclusively for CodeCanyon