User:BrandonXLF/CollapseSections.js
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/*** Collapse Sections ***/
// Adds an arrow to sections to make them collasible
// Documentation at [[en:w:User:BrandonXLF/CollaspeSections]]
// By [[en:w:User:BrandonXLF]]
// window.collapseSections - Set to true to collapse all sections by default
mw.hook('wikipage.content').add(function(content) {
if (mw.config.get('skin') === 'minerva') return;
mw.util.addCSS('[class*="hide-sec"]{display:none!important}');
content.find('.mw-parser-output :header:has(*)').each(function() {
var level = +this.nodeName[1],
heading = $(this),
icon = $('<i class="mw-ui-icon-before mw-ui-icon-small mw-ui-icon mw-ui-icon-collapse"></i>');
icon.click(function() {
var levelMatch = 'h1';
for (var i = 2; i <= level; i++) levelMatch += ',h' + i + ':has(*)';
icon.toggleClass('mw-ui-icon-collapse');
icon.toggleClass('mw-ui-icon-expand');
heading.nextUntil(levelMatch).toggleClass('hide-sect-h' + level);
});
if (window.collapseSections) icon.click();
heading.prepend(icon);
});
});
mw.loader.load(['mediawiki.ui.icon', 'oojs-ui.styles.icons-movement']);
mw.util.addCSS('[class*="hide-sec"]{display:none!important}');