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

Specifies whether height is changed in the same proportion as width when onresize event occurs.

Example:

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

The described option only takes effect if the below listed conditions were met.

• responsive: true

Demo 1 demonstrates that height of the plugin is changed in the same proportion as width when you resize the browser window. Horizontal accordion is used.

Loading content...

Demo 2 demonstrates that height of the plugin is changed in the same proportion as width when you resize the browser window. Vertical accordion is used.

Loading content...

Demo 3 demonstrates that height of the plugin doesn't change even though width of the plugin does. Horizontal accordion is used.

Loading content...

Demo 4 demonstrates that height of the plugin doesn't change even though width of the plugin does. Vertical accordion is used.

Loading content...