API
unbind()

unbind()

Available since: v1.2.6
Type: public method
Returns: instance of the accordion

Method removes previously attached callbacks. This method is available in jQuery since v1.4.3. Info about combinations of input parameters can be found in jQuery documentation.

Method calling

1) Method can be called inside every callback (as demonstrated in demo 1):

this.unbind(parameters);

2) In case there is only one HTML element matching the selector, method can be called anywhere in your code (as demonstrated in demo 2):

$('selector').data('jAccordion').unbind(parameters);

3) In case there are more HTML elements matching the selector, method can be called anywhere in your code (eq(index) specifies index of accordion instance):

$('selector').eq(index).data('jAccordion').unbind(parameters);

Demo 1

HTML
JS

<div class="accordion noJS">
	<div class="preloader">Loading content...</div>
	<div class="jAccordion-slidesWrapper">
		<div class="jAccordion-slide"><img src="images/banner1.png" width="910" height="380" alt="slide1" /></div>
		<div class="jAccordion-slide"><img src="images/banner2.png" width="910" height="380" alt="slide2" /></div>
		<div class="jAccordion-slide"><img src="images/banner5.png" width="910" height="380" alt="slide3" /></div>
		<div class="jAccordion-slide"><img src="images/banner3.png" width="910" height="380" alt="slide4" /></div>
		<div class="jAccordion-slide"><img src="images/banner4.png" width="910" height="380" alt="slide5" /></div>
	</div>
</div>

jQuery(document).ready(function( $ ) {
	$('.accordion').jAccordion({
		onReady : function() {
			$('.preloader', this.$accordion).remove();
		},
		onAccordionMouseEnter : function () {
			alert('Cursor has just entered accordion.');
		},
		onAccordionMouseLeave : function () {
			this.unbind('onAccordionMouseEnter onAccordionMouseLeave');
			alert('Callback has been removed. Move cursor over accordion, message indicating that cursor has entered accordion shouldn\'t be displayed.');
		}
	});
});

Demo 1 demonstrates how to remove callbacks attached to events onAccordionMouseEnter and onAccordionMouseLeave (the protocol is the same for all events) inside another callback (onAccordionMouseLeave in this case). Message indicating when cursor enters accordion is displayed below it but callback which is used to display this message is removed after cursor leaves accordion.

Loading content...

Demo 2

HTML
JS

<div class="accordion noJS">
	<div class="preloader">Loading content...</div>
	<div class="jAccordion-slidesWrapper">
		<div class="jAccordion-slide"><img src="images/banner1.png" width="910" height="380" alt="slide1" /></div>
		<div class="jAccordion-slide"><img src="images/banner2.png" width="910" height="380" alt="slide2" /></div>
		<div class="jAccordion-slide"><img src="images/banner5.png" width="910" height="380" alt="slide3" /></div>
		<div class="jAccordion-slide"><img src="images/banner3.png" width="910" height="380" alt="slide4" /></div>
		<div class="jAccordion-slide"><img src="images/banner4.png" width="910" height="380" alt="slide5" /></div>
	</div>
</div>
<button id="bindButton" disabled="disabled">Loading...</button>
<button id="unbindButton" disabled="disabled">Loading...</button>

jQuery(document).ready(function( $ ) {
	$('.accordion').jAccordion({
		onReady : function() {
			$('.preloader', this.$accordion).remove();
			$('#bindButton').text('attach callback').removeAttr("disabled");
			$('#unbindButton').text('remove callback').removeAttr("disabled");
		}
	});
	
	$('#bindButton').click(function() {
		$('.accordion').data('jAccordion').bind('onAccordionMouseEnter', function () {
			alert('Cursor has just entered accordion.');
		});
		alert('Callback has been attached. Move cursor over accordion.');
	});
	
	$('#unbindButton').click(function() {
		$('.accordion').data('jAccordion').unbind('onAccordionMouseEnter');
		alert('Callback has been removed. Move cursor over accordion, message indicating that cursor has entered accordion shouldn\'t be displayed.');
	});
});

Demo 2 demonstrates how to remove a callback attached to event onAccordionMouseEnter (the protocol is the same for all events) anywhere in your code.

Loading content...

jAccordion by maniacpc, exclusively for CodeCanyon