You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
$( function() {
|
|
|
|
|
$( "input[type=submit], button" ).button();
|
|
|
|
|
$( ".configShow" ).accordion({
|
|
|
|
|
collapsible: true,
|
|
|
|
|
heightStyle: "content",
|
|
|
|
|
icons: { "header": "ui-icon-plus", "activeHeader": "ui-icon-minus" }
|
|
|
|
|
});
|
|
|
|
|
var headers = $('.configShow .accordion-header');
|
|
|
|
|
var contentAreas = $('.configShow .ui-accordion-content ').hide()
|
|
|
|
|
.first().show().end();
|
|
|
|
|
var expandLink = $('.accordion-expand-all');
|
|
|
|
|
headers.click(function() {
|
|
|
|
|
// close all panels
|
|
|
|
|
contentAreas.slideUp();
|
|
|
|
|
// open the appropriate panel
|
|
|
|
|
$(this).next().slideDown();
|
|
|
|
|
// reset Expand all button
|
|
|
|
|
expandLink.text('Expand all')
|
|
|
|
|
.data('isAllOpen', false);
|
|
|
|
|
// stop page scroll
|
|
|
|
|
return false;
|
|
|
|
|
});
|
|
|
|
|
// hook up the expand/collapse all
|
|
|
|
|
expandLink.click(function(){
|
|
|
|
|
var isAllOpen = !$(this).data('isAllOpen');
|
|
|
|
|
console.log({isAllOpen: isAllOpen, contentAreas: contentAreas})
|
|
|
|
|
contentAreas[isAllOpen? 'slideDown': 'slideUp']();
|
|
|
|
|
|
|
|
|
|
expandLink.text(isAllOpen? 'Collapse All': 'Expand all')
|
|
|
|
|
.data('isAllOpen', isAllOpen);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
})
|
