responsive

onAccordionMouseEnter

  • Available since: v1.2
  • Type: event

Triggers when cursor enters the accordion's direct children .jAccordion-slidesWrapper.

Callback creation

Callback can be attached to the event in the configuration section of the plugin:

$('selector').jAccordion({
	onAccordionMouseEnter : function() { 
		//Here goes your code, e.g. alert('Cursor is over accordion.');
		//You can call any API method using this.method(), e.g. alert(this.isPaused());
	}
});

or it can be attached after initialization using API methods bind() or on():

$('selector').data('jAccordion').bind('onAccordionMouseEnter', function() { 
	//Here goes your code, e.g. alert('Cursor is over accordion.');
	//You can call any API method using this.method(), e.g. alert(this.isPaused());
});

Demo 1

Demo 1 demonstrates how to create your own function displaying when cursor enters accordion below it. Background color of accordion is also changed.

Note: Event is not triggered when cursor enters accordion but when it enters .jAccordion-slidesWrapper.

Loading content...
slide1
slide2
slide3
slide4
slide5

jAccordion by maniacpc, exclusively for CodeCanyon