MediaWiki:Citizen.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* All JavaScript here will be loaded for users of the Citizen skin */

mw.hook('wikipage.content').add(function($content) {
    $content.find('.citizen-section').each(function() {
        var $section = $(this);
        var $contentWrapper = $section.find('.citizen-section-content');
        var $title = $section.find('.citizen-section-title');

        if ($contentWrapper.length && $title.length) {
            // Force collapse by default
            $contentWrapper.hide();
            $section.addClass('collapsed');

            // Ensure clicking the title toggles the section
            $title.css('cursor', 'pointer').off('click').on('click', function() {
                $contentWrapper.slideToggle();
                $section.toggleClass('collapsed');
            });
        }
    });
});