silverstripe-framework/javascript/TogglePanel.js
Ingo Schommer 7256d2dfdc elofgren: USABILITY: Add + and - toggle icons to TogglePanel? and use 'cursor: pointer;' to make it obvious that it is clickable. Move toggle images to sapphire/images/
(merged from branches/gsoc)


git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/trunk@41935 467b73ca-7a2a-4603-9d3b-597d59a354a9
2007-09-15 21:03:01 +00:00

17 lines
492 B
JavaScript
Executable File

Behaviour.register({
'h2.TogglePanelHeader' : {
onclick : function() {
var contentDiv = $('panel_' + this.id);
var toggleID = this.id.replace('panel_','') + '_toggle';
Element.toggle(toggleID + '_closed');
Element.toggle(toggleID + '_open');
if(contentDiv.style.display == 'none') {
contentDiv.style.display = '';
Element.removeClassName(this, 'closed');
} else {
contentDiv.style.display = 'none';
Element.addClassName(this, 'closed');
}
}
}
});