Delegation-powered expand/collapse

gistfile1.js

window.addEvent('domready', function() {
	
	// expand/collapse (with delegation)
	
	var accordion = document.getElement('.zoopy-content-left-accordion'),
		groups = accordion.getElements('.zoopy-content-left-accordion-group');
	
	function toggle() {
		var content = this.getElement('.zoopy-content-left-accordion-group-content');
		
		if (content && content.offsetHeight > 0) {
			content.tween('height', 0);
		} else if (content && content.offsetHeight == 0) {
			content.tween('height', content.retrieve('offsetHeight'));
		}
	}
	
	function dispatch() {
		var parent = this.getParent('.zoopy-content-left-accordion-group');
		toggle.apply(parent);
	}
	
	accordion.delegateEvent('click', {
		'.zoopy-content-left-accordion-group-heading': dispatch,
		'.zoopy-content-left-accordion-group-tagline': dispatch
	});
	
	Array.each(groups, function(group) {
		var content = group.getElement('.zoopy-content-left-accordion-group-content');
		if (content) {
			content.set('tween', {'duration': 'short'});
			content.store('offsetHeight', content.offsetHeight);
			content.setStyle('height', 0);
		}
	});
});