User:Daniel Quinlan/Scripts/Headway

Headway
Description	Adds collapsible headers to supported project pages, reducing clutter and improving access to requests and discussions.
Author	Daniel Quinlan
Status	Beta
Updated	25 November 2025
Browsers	Firefox, Safari, Chrome
Skins	Vector 2022, Vector, Minerva, Monobook, Timeless
Source	Headway.js

Headway adds collapsible headers to supported project pages, reducing page clutter and improving access to requests and discussions.

Features

Collapsible headers: Expand or collapse header sections on supported pages.
State persistence: Remembers which headers were expanded or collapsed across page visits.
Skin support: Works with Vector 2022, Vector, Minerva, Monobook, and Timeless.

Usage

Headway runs automatically on supported noticeboard pages:

Headers are collapsed by default unless expanded on your previous visit.
Click the "Toggle header" link to expand or collapse a section. For most skins, the "Toggle header" link appears in the page indicators area above the page content on the right side. For the Minerva skin, the link is in the Tools menu.

Supported pages

Configuration

None.

Custom styling

Advanced users can add CSS to common.css to speed up collapsing on page load:

/* hide headers by default */
#RFPP-header:not([data-expanded]),
.aiv-header:not([data-expanded]),
.rfpp-header:not([data-expanded]),
.uaa-header:not([data-expanded]) {
	display: none;
}

Installation

To install the Headway script, follow these steps:

In your preferences, go to Preferences → Gadgets. At the bottom of the "Advanced" section, click the "Install scripts without having to manually edit JavaScript files (documentation)" checkbox, then click the "Save" button.
Return to this page and click the blue "Install" button.

Alternatively, you can manually install it by adding the following code to your common.js file:

{{subst:iusc|User:Daniel Quinlan/Scripts/Headway.js}}

Credit

Headway was inspired by User:Mfield/Scripts/CollapseNoticeboardHeaders.