User:Daniel Quinlan/Scripts/Headway

From Wikipedia, the free encyclopedia

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

DescriptionAdds collapsible headers to supported project pages, reducing clutter and improving access to requests and discussions.
AuthorDaniel Quinlan
StatusBeta
Updated25 November 2025
Quick facts Description, Author ...
Headway
DescriptionAdds collapsible headers to supported project pages, reducing clutter and improving access to requests and discussions.
AuthorDaniel Quinlan
StatusBeta
Updated25 November 2025
BrowsersFirefox, Safari, Chrome
SkinsVector 2022, Vector, Minerva, Monobook, Timeless
SourceHeadway.js
Close

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:

  1. 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.
  2. 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.

Related Articles

Wikiwand AI