﻿	    jQuery().ready(function() {
	        // simple accordion
	        jQuery('#list1a').accordion();
	        jQuery('#list1b').accordion({
	            autoheight: false
	        });

	        // second simple accordion with special markup
	        jQuery('#navigation').accordion({
	            active: false,
	            header: '.head',
	            navigation: true,
	            event: 'mouseover',
	            fillSpace: true,
	            animated: 'easeslide'
	        });

	        // highly customized accordion
	        jQuery('#list2').accordion({
	            event: 'mouseover',
	            active: '.selected',
	            selectedClass: 'active',
	            animated: "bounceslide",
	            header: "dt"
	        }).bind("change.ui-accordion", function(event, ui) {
	            jQuery('<div>' + ui.oldHeader.text() + ' hidden, ' + ui.newHeader.text() + ' shown</div>').appendTo('#log');
	        });

	        // first simple accordion with special markup
	        jQuery('#list3').accordion({
	            header: 'div.title',
	            active: false,
	            alwaysOpen: false,
	            animated: false,
	            autoheight: false
	        });

	        var wizard = $("#wizard").accordion({
	            header: '.title',
	            event: false
	        });

	        var wizardButtons = $([]);
	        $("div.title", wizard).each(function(index) {
	            wizardButtons = wizardButtons.add($(this)
			.next()
			.children(":button")
			.filter(".next, .previous")
			.click(function() {
			    wizard.accordion("activate", index + ($(this).is(".next") ? 1 : -1))
			}));
	        });

	        // bind to change event of select to control first and seconds accordion
	        // similar to tab's plugin triggerTab(), without an extra method
	        var accordions = jQuery('#list1a, #list1b, #list2, #list3, #navigation, #wizard');

	        jQuery('#switch select').change(function() {
	            accordions.accordion("activate", this.selectedIndex - 1);
	        });
	        jQuery('#close').click(function() {
	            accordions.accordion("activate", -1);
	        });
	        jQuery('#switch2').change(function() {
	            accordions.accordion("activate", this.value);
	        });
	        jQuery('#enable').click(function() {
	            accordions.accordion("enable");
	        });
	        jQuery('#disable').click(function() {
	            accordions.accordion("disable");
	        });
	        jQuery('#remove').click(function() {
	            accordions.accordion("destroy");
	            wizardButtons.unbind("click");
	        });
	    });

