window.addEvent('domready', function(){
$$('.collapsible').each(function(element){
var title = element.getFirst().innerHTML;
if(!title.test('<')) {
element.getFirst().destroy();
}
// Grab Inside Elements
var elementHTML = element.innerHTML;
var newDiv = new Element('div', {
'class': 'collapseContent',
'html': '' + elementHTML + '
'
});
// Build New Fieldset Content
element.innerHTML = '' + title + '';
newDiv.inject(element, 'bottom');
var collapseFx = new Fx.Slide(newDiv, {
onComplete: function(){
if(this.open){
element.getElement('div').setStyle('height', newDiv.getSize().y);
}
}
}).hide();
element.setStyles({
'height': 'auto',
'margin': '10px 0px',
'visibility': 'visible'
});
element.getElement('.fieldsetToggler').addEvent('click', function(e){
e.stop();
if(collapseFx.open){
element.setStyle('opacity', .5);
element.removeClass('collapseOpen');
} else {
element.setStyle('opacity', 1);
element.addClass('collapseOpen');
}
collapseFx.toggle();
});
//open collapsable field if class is set by default
if(element.hasClass('collapseOpen')){
element.setStyle('opacity', 1);
collapseFx.toggle();
}
element.addEvents({
'mouseenter': function(e){
element.setStyle('opacity', 1);
},
'mouseleave': function(e){
if(!(collapseFx.open))element.setStyle('opacity', .5);
}
});
});
});