responsive

arrowKeysNav

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

Enables/disables using of arrow keys to control the active instance of accordion. An instance of accordion can be activated by clicking it (if option event is 'click') or by moving cursor over a slide (if option event is 'mouseenter') so only one instance can be controlled at the moment. If no instance is active it's still possible to use arrow keys to scroll the page. Left and top keys are used to activate the previous slide and the right and bottom ones are used to activate the next slide.

Example:

$('.accordion').jAccordion({
	arrowKeysNav : true
});

Dependencies

Activating of the described option will automatically set the below listed options and their values, thus there is no need to set them manually and it's not even possible to change values of these options.

  • sticky: true

Demo 1

Demo 1 demonstrates that only the active accordion can be controlled using arrowKeys.

Note: First accordion can be activated by moving cursor over it and the second one by activating a slide.

Loading content...
slide1
slide2
slide3
slide4
slide5
Loading content...
slide1
slide2
slide3
slide4
slide5

jAccordion by maniacpc, exclusively for CodeCanyon