Accordion: cookie persistence

[jzaefferer]

Here is an example of adding external cookie persistence to an accordion:

var accordion = $("#accordion");
var index = $.cookie("accordion");
var active;
if (index !== null) {
	active = accordion.find("h3:eq(" + index + ")");
} else {
	active = 0
}
accordion.accordion({
	header: "h3",
	event: "click hoverintent",
	active: active,
	change: function(event, ui) {
		var index = $(this).find("h3").index ( ui.newHeader[0] );
		$.cookie("accordion", index, {
			path: "/"
		});
	},
	autoHeight: false
});

This should be integrated into the plugin, with the option to enable it (requires cookie plugin) and the option to customize the cookie settings, eg. for a different path.

Until the change-option is added, that callback must be used like this (currently untested):

{{{{ $("...").accordion(...).bind("accordionchange", function(event, ui) {

var index = $(this).find("h3").index ( ui.newHeader[0] ); $.cookie("accordion", index, {

path: "/"

});

}); }}}

[scottgonzalez]

This shouldn't be built into the core of the accordion.