2 var collapsibleLists
, handleOne
;
4 // Collapsible lists of categories and templates
7 listSel
: '.templatesUsed ul',
8 togglerSel
: '.mw-templatesUsedExplanation',
9 cookieName
: 'templates-used-list'
12 listSel
: '.hiddencats ul',
13 togglerSel
: '.mw-hiddenCategoriesExplanation',
14 cookieName
: 'hidden-categories-list'
17 listSel
: '.preview-limit-report-wrapper',
18 togglerSel
: '.mw-limitReportExplanation',
19 cookieName
: 'preview-limit-report'
23 handleOne = function ( $list
, $toggler
, cookieName
) {
24 var isCollapsed
= $.cookie( cookieName
) !== 'expanded';
26 // Style the toggler with an arrow icon and add a tabIndex and a role for accessibility
27 $toggler
.addClass( 'mw-editfooter-toggler' ).prop( 'tabIndex', 0 ).attr( 'role', 'button' );
28 $list
.addClass( 'mw-editfooter-list' );
30 $list
.makeCollapsible( {
31 $customTogglers
: $toggler
,
34 collapsed
: isCollapsed
37 $toggler
.addClass( isCollapsed
? 'mw-icon-arrow-collapsed' : 'mw-icon-arrow-expanded' );
39 $list
.on( 'beforeExpand.mw-collapsible', function () {
40 $toggler
.removeClass( 'mw-icon-arrow-collapsed' ).addClass( 'mw-icon-arrow-expanded' );
41 $.cookie( cookieName
, 'expanded' );
44 $list
.on( 'beforeCollapse.mw-collapsible', function () {
45 $toggler
.removeClass( 'mw-icon-arrow-expanded' ).addClass( 'mw-icon-arrow-collapsed' );
46 $.cookie( cookieName
, 'collapsed' );
50 mw
.hook( 'wikipage.editform' ).add( function ( $editForm
) {
52 for ( i
= 0; i
< collapsibleLists
.length
; i
++ ) {
53 // Pass to a function for iteration-local variables
55 $editForm
.find( collapsibleLists
[i
].listSel
),
56 $editForm
.find( collapsibleLists
[i
].togglerSel
),
57 collapsibleLists
[i
].cookieName
61 }( mediaWiki
, jQuery
) );