• Available since: v1.0
• Changed in: v1.2
• Type: event

Triggers when a slide starts opening.

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

$('selector').jAccordion({
	onSlideStartOpening : function(e) { 
		//Here goes your code, e.g. alert('Slide ' + e.index + ' is opening.');
		//You can call any API method using this.method()
	}
});

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

$('selector').data('jAccordion').bind('onSlideStartOpening', function(e) { 
	//Here goes your code, e.g. alert('Slide ' + e.index + ' is opening.');
	//You can call any API method using this.method()
});

Event object is a parameter of the callback and contains one or more attributes which store event related info.

• $slide - jQuery object of the opening slide
• index - index of the open slide

You can work with the event object like with any javascript object:

$('selector').jAccordion({
	onSlideStartOpening : function(e) { 
		//You can gain access to event property $slide using e.$slide
		//You can gain access to event property index using e.index
	}
});

Demo 1 demonstrates how to create your own function displaying index of an opening slide below accordion. Opacity of opening slide is also changed.

Loading content...