<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://tutorial.goalstriving.org/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Matt</id>
	<title>GoalStriving Tutorials - User contributions [en]</title>
	<link rel="self" type="application/atom+xml" href="https://tutorial.goalstriving.org/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Matt"/>
	<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/Special:Contributions/Matt"/>
	<updated>2026-10-27T08:37:13Z</updated>
	<subtitle>User contributions</subtitle>
	<generator>MediaWiki 1.43.8</generator>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Wiki_Use_Habits&amp;diff=78</id>
		<title>Wiki Use Habits</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Wiki_Use_Habits&amp;diff=78"/>
		<updated>2026-10-16T02:13:50Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains a list of recommended habits to maintain while using your wiki.&lt;br /&gt;
&lt;br /&gt;
* Follow the page title naming convention guidelines&lt;br /&gt;
* Before you create a new page, know how you plan to link to it from an existing page.  Create the link, then the page.  Two or three is better.&lt;br /&gt;
* If you can&#039;t think of an existing page to link to it from, link to it from the home page; if you think it doesn&#039;t belong there, then make an intermediary page and just have one link on that page pointing to the new page.  Although, most likely as you by the time you create your first backlink on the intermediary wiki page, you will have already thought of two other bullet points to add - and for those, name the bullet points exactly as the name of the page for them (when that page is created), but don&#039;t created it yet (no need, if you have nothing to add yet, and you probably don&#039;t have time right now anyway)&lt;br /&gt;
* Unless you already have something else in mind, start with: This page contains notes about...&lt;br /&gt;
* Optionally add additional scope information to first paragraph.&lt;br /&gt;
* Immediately create the first title - and that might be Notes about &amp;lt;page_title&amp;gt;&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=77</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=77"/>
		<updated>2026-10-15T02:36:45Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki Spoilers extension */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;Click here to view the hidden text below.&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;Click here to view the hidden text below.&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
This content is hidden until the user clicks the line of text above.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
You can also change the word [Expand] used for the text:&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This content is hidden until the user clicks the &#039;&#039;Show more&#039;&#039; text above.&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This is the hidden content.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
The extension Details creates a full width text block that is always exposed&lt;br /&gt;
* Users can click the text or the [Expand] link to display the hidden text.&lt;br /&gt;
* Formatting options&lt;br /&gt;
** No formatting on text; cursor is not a pointer hovering on text, but is when hovering over [Expand]&lt;br /&gt;
** Can only be configured in &#039;&#039;&#039;Edit source&#039;&#039;&#039; mode.&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;details class=&amp;quot;wikicollapse&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;This text is always visible; it can only be one line and must take up the full width.&amp;lt;/summary&amp;gt;&lt;br /&gt;
 This text is only viewable after the user clicks either the text or [Expand] above.  It can include any type or amount of content.&lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Details and Summary ===&lt;br /&gt;
&lt;br /&gt;
Use &amp;lt;code&amp;gt;&amp;amp;lt;details&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;summary&amp;amp;gt;&amp;lt;/code&amp;gt; to create expandable content. The Details extension also supports custom CSS classes for controlling appearance.&lt;br /&gt;
&lt;br /&gt;
==== Basic Example ====&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Hidden content goes here.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Common Options ====&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Option&lt;br /&gt;
! Description&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;open&amp;lt;/code&amp;gt;&lt;br /&gt;
| Initially expanded instead of collapsed.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;class=&amp;quot;wikicollapse&amp;quot;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Built-in MediaWiki-style collapsible container.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;class=&amp;quot;simple-details&amp;quot;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Custom minimal styling with a bottom border.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;class=&amp;quot;highlight-details&amp;quot;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Custom styling with a highlighted heading and border.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== Initially Expanded ====&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details open&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
This content starts expanded.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Custom Styles ====&lt;br /&gt;
&lt;br /&gt;
Define reusable CSS classes in [[MediaWiki:Common.css]].&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;css&amp;quot;&amp;gt;&lt;br /&gt;
/* Minimal styling */&lt;br /&gt;
details.simple-details {&lt;br /&gt;
    margin: 0.5em 0;&lt;br /&gt;
    padding: 0.4em 0;&lt;br /&gt;
    border-bottom: 1px solid #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
details.simple-details &amp;gt; summary {&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Highlighted heading and border */&lt;br /&gt;
details.highlight-details {&lt;br /&gt;
    margin: 0.5em 0;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
details.highlight-details &amp;gt; summary {&lt;br /&gt;
    padding: 10px 12px;&lt;br /&gt;
    background: #eaecf0;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
details.highlight-details[open] &amp;gt; summary {&lt;br /&gt;
    border-bottom: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Apply a custom class:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details class=&amp;quot;simple-details&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Content using minimal styling.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;details class=&amp;quot;highlight-details&amp;quot; open&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Important Notes&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Content using highlighted styling, initially expanded.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Inline Styling ====&lt;br /&gt;
&lt;br /&gt;
For one-time formatting, use the &amp;lt;code&amp;gt;style&amp;lt;/code&amp;gt; attribute rather than creating a reusable CSS class.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details style=&amp;quot;border: 1px solid gray; padding: 10px; border-radius: 5px;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;summary style=&amp;quot;font-weight: bold; color: navy;&amp;quot;&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Hidden content goes here.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Note: Inline CSS may be restricted by MediaWiki&#039;s HTML sanitization. For reliable, reusable styling, use CSS classes defined in [[MediaWiki:Common.css]].&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&amp;lt;spoiler show=&amp;quot;showMessage&amp;quot; hide=&amp;quot;hideMessage&amp;quot;&amp;gt;Spoiler Text&amp;lt;/spoiler&amp;gt;&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;spoiler show=&amp;quot;showMessage&amp;quot; hide=&amp;quot;hideMessage&amp;quot;&amp;gt;Spoiler Text&amp;lt;/spoiler&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=76</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=76"/>
		<updated>2026-10-15T02:35:49Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki Spoilers extension */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;Click here to view the hidden text below.&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;Click here to view the hidden text below.&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
This content is hidden until the user clicks the line of text above.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
You can also change the word [Expand] used for the text:&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This content is hidden until the user clicks the &#039;&#039;Show more&#039;&#039; text above.&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This is the hidden content.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
The extension Details creates a full width text block that is always exposed&lt;br /&gt;
* Users can click the text or the [Expand] link to display the hidden text.&lt;br /&gt;
* Formatting options&lt;br /&gt;
** No formatting on text; cursor is not a pointer hovering on text, but is when hovering over [Expand]&lt;br /&gt;
** Can only be configured in &#039;&#039;&#039;Edit source&#039;&#039;&#039; mode.&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;details class=&amp;quot;wikicollapse&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;This text is always visible; it can only be one line and must take up the full width.&amp;lt;/summary&amp;gt;&lt;br /&gt;
 This text is only viewable after the user clicks either the text or [Expand] above.  It can include any type or amount of content.&lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Details and Summary ===&lt;br /&gt;
&lt;br /&gt;
Use &amp;lt;code&amp;gt;&amp;amp;lt;details&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;summary&amp;amp;gt;&amp;lt;/code&amp;gt; to create expandable content. The Details extension also supports custom CSS classes for controlling appearance.&lt;br /&gt;
&lt;br /&gt;
==== Basic Example ====&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Hidden content goes here.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Common Options ====&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Option&lt;br /&gt;
! Description&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;open&amp;lt;/code&amp;gt;&lt;br /&gt;
| Initially expanded instead of collapsed.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;class=&amp;quot;wikicollapse&amp;quot;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Built-in MediaWiki-style collapsible container.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;class=&amp;quot;simple-details&amp;quot;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Custom minimal styling with a bottom border.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;class=&amp;quot;highlight-details&amp;quot;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Custom styling with a highlighted heading and border.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== Initially Expanded ====&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details open&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
This content starts expanded.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Custom Styles ====&lt;br /&gt;
&lt;br /&gt;
Define reusable CSS classes in [[MediaWiki:Common.css]].&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;css&amp;quot;&amp;gt;&lt;br /&gt;
/* Minimal styling */&lt;br /&gt;
details.simple-details {&lt;br /&gt;
    margin: 0.5em 0;&lt;br /&gt;
    padding: 0.4em 0;&lt;br /&gt;
    border-bottom: 1px solid #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
details.simple-details &amp;gt; summary {&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Highlighted heading and border */&lt;br /&gt;
details.highlight-details {&lt;br /&gt;
    margin: 0.5em 0;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
details.highlight-details &amp;gt; summary {&lt;br /&gt;
    padding: 10px 12px;&lt;br /&gt;
    background: #eaecf0;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
details.highlight-details[open] &amp;gt; summary {&lt;br /&gt;
    border-bottom: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Apply a custom class:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details class=&amp;quot;simple-details&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Content using minimal styling.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;details class=&amp;quot;highlight-details&amp;quot; open&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Important Notes&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Content using highlighted styling, initially expanded.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Inline Styling ====&lt;br /&gt;
&lt;br /&gt;
For one-time formatting, use the &amp;lt;code&amp;gt;style&amp;lt;/code&amp;gt; attribute rather than creating a reusable CSS class.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details style=&amp;quot;border: 1px solid gray; padding: 10px; border-radius: 5px;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;summary style=&amp;quot;font-weight: bold; color: navy;&amp;quot;&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Hidden content goes here.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Note: Inline CSS may be restricted by MediaWiki&#039;s HTML sanitization. For reliable, reusable styling, use CSS classes defined in [[MediaWiki:Common.css]].&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&amp;lt;spoiler show=&amp;quot;showMessage&amp;quot; hide=&amp;quot;hideMessage&amp;quot;&amp;gt;Spoiler Text&amp;lt;/spoiler&amp;gt;&lt;br /&gt;
&amp;lt;syntaxhighilght lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;spoiler show=&amp;quot;showMessage&amp;quot; hide=&amp;quot;hideMessage&amp;quot;&amp;gt;Spoiler Text&amp;lt;/spoiler&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=75</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=75"/>
		<updated>2026-10-15T02:29:51Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki default capabilities */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;Click here to view the hidden text below.&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;Click here to view the hidden text below.&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
This content is hidden until the user clicks the line of text above.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
You can also change the word [Expand] used for the text:&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This content is hidden until the user clicks the &#039;&#039;Show more&#039;&#039; text above.&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This is the hidden content.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
The extension Details creates a full width text block that is always exposed&lt;br /&gt;
* Users can click the text or the [Expand] link to display the hidden text.&lt;br /&gt;
* Formatting options&lt;br /&gt;
** No formatting on text; cursor is not a pointer hovering on text, but is when hovering over [Expand]&lt;br /&gt;
** Can only be configured in &#039;&#039;&#039;Edit source&#039;&#039;&#039; mode.&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;details class=&amp;quot;wikicollapse&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;This text is always visible; it can only be one line and must take up the full width.&amp;lt;/summary&amp;gt;&lt;br /&gt;
 This text is only viewable after the user clicks either the text or [Expand] above.  It can include any type or amount of content.&lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Details and Summary ===&lt;br /&gt;
&lt;br /&gt;
Use &amp;lt;code&amp;gt;&amp;amp;lt;details&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;summary&amp;amp;gt;&amp;lt;/code&amp;gt; to create expandable content. The Details extension also supports custom CSS classes for controlling appearance.&lt;br /&gt;
&lt;br /&gt;
==== Basic Example ====&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Hidden content goes here.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Common Options ====&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Option&lt;br /&gt;
! Description&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;open&amp;lt;/code&amp;gt;&lt;br /&gt;
| Initially expanded instead of collapsed.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;class=&amp;quot;wikicollapse&amp;quot;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Built-in MediaWiki-style collapsible container.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;class=&amp;quot;simple-details&amp;quot;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Custom minimal styling with a bottom border.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;class=&amp;quot;highlight-details&amp;quot;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Custom styling with a highlighted heading and border.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== Initially Expanded ====&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details open&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
This content starts expanded.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Custom Styles ====&lt;br /&gt;
&lt;br /&gt;
Define reusable CSS classes in [[MediaWiki:Common.css]].&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;css&amp;quot;&amp;gt;&lt;br /&gt;
/* Minimal styling */&lt;br /&gt;
details.simple-details {&lt;br /&gt;
    margin: 0.5em 0;&lt;br /&gt;
    padding: 0.4em 0;&lt;br /&gt;
    border-bottom: 1px solid #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
details.simple-details &amp;gt; summary {&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Highlighted heading and border */&lt;br /&gt;
details.highlight-details {&lt;br /&gt;
    margin: 0.5em 0;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
details.highlight-details &amp;gt; summary {&lt;br /&gt;
    padding: 10px 12px;&lt;br /&gt;
    background: #eaecf0;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
details.highlight-details[open] &amp;gt; summary {&lt;br /&gt;
    border-bottom: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Apply a custom class:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details class=&amp;quot;simple-details&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Content using minimal styling.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;details class=&amp;quot;highlight-details&amp;quot; open&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Important Notes&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Content using highlighted styling, initially expanded.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Inline Styling ====&lt;br /&gt;
&lt;br /&gt;
For one-time formatting, use the &amp;lt;code&amp;gt;style&amp;lt;/code&amp;gt; attribute rather than creating a reusable CSS class.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details style=&amp;quot;border: 1px solid gray; padding: 10px; border-radius: 5px;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;summary style=&amp;quot;font-weight: bold; color: navy;&amp;quot;&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Hidden content goes here.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Note: Inline CSS may be restricted by MediaWiki&#039;s HTML sanitization. For reliable, reusable styling, use CSS classes defined in [[MediaWiki:Common.css]].&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=74</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=74"/>
		<updated>2026-10-15T02:27:36Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki Details extension */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;Click here to view the hidden text below.&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
This content is hidden until the user clicks the line of text above.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
You can also change the word [Expand] used for the text:&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This content is hidden until the user clicks the &#039;&#039;Show more&#039;&#039; text above.&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This is the hidden content.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
The extension Details creates a full width text block that is always exposed&lt;br /&gt;
* Users can click the text or the [Expand] link to display the hidden text.&lt;br /&gt;
* Formatting options&lt;br /&gt;
** No formatting on text; cursor is not a pointer hovering on text, but is when hovering over [Expand]&lt;br /&gt;
** Can only be configured in &#039;&#039;&#039;Edit source&#039;&#039;&#039; mode.&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;details class=&amp;quot;wikicollapse&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;This text is always visible; it can only be one line and must take up the full width.&amp;lt;/summary&amp;gt;&lt;br /&gt;
 This text is only viewable after the user clicks either the text or [Expand] above.  It can include any type or amount of content.&lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Details and Summary ===&lt;br /&gt;
&lt;br /&gt;
Use &amp;lt;code&amp;gt;&amp;amp;lt;details&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;summary&amp;amp;gt;&amp;lt;/code&amp;gt; to create expandable content. The Details extension also supports custom CSS classes for controlling appearance.&lt;br /&gt;
&lt;br /&gt;
==== Basic Example ====&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Hidden content goes here.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Common Options ====&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Option&lt;br /&gt;
! Description&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;open&amp;lt;/code&amp;gt;&lt;br /&gt;
| Initially expanded instead of collapsed.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;class=&amp;quot;wikicollapse&amp;quot;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Built-in MediaWiki-style collapsible container.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;class=&amp;quot;simple-details&amp;quot;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Custom minimal styling with a bottom border.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;class=&amp;quot;highlight-details&amp;quot;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Custom styling with a highlighted heading and border.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== Initially Expanded ====&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details open&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
This content starts expanded.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Custom Styles ====&lt;br /&gt;
&lt;br /&gt;
Define reusable CSS classes in [[MediaWiki:Common.css]].&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;css&amp;quot;&amp;gt;&lt;br /&gt;
/* Minimal styling */&lt;br /&gt;
details.simple-details {&lt;br /&gt;
    margin: 0.5em 0;&lt;br /&gt;
    padding: 0.4em 0;&lt;br /&gt;
    border-bottom: 1px solid #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
details.simple-details &amp;gt; summary {&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Highlighted heading and border */&lt;br /&gt;
details.highlight-details {&lt;br /&gt;
    margin: 0.5em 0;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
details.highlight-details &amp;gt; summary {&lt;br /&gt;
    padding: 10px 12px;&lt;br /&gt;
    background: #eaecf0;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
details.highlight-details[open] &amp;gt; summary {&lt;br /&gt;
    border-bottom: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Apply a custom class:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details class=&amp;quot;simple-details&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Content using minimal styling.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;details class=&amp;quot;highlight-details&amp;quot; open&amp;gt;&lt;br /&gt;
&amp;lt;summary&amp;gt;Important Notes&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Content using highlighted styling, initially expanded.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Inline Styling ====&lt;br /&gt;
&lt;br /&gt;
For one-time formatting, use the &amp;lt;code&amp;gt;style&amp;lt;/code&amp;gt; attribute rather than creating a reusable CSS class.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;details style=&amp;quot;border: 1px solid gray; padding: 10px; border-radius: 5px;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;summary style=&amp;quot;font-weight: bold; color: navy;&amp;quot;&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Hidden content goes here.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/details&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Note: Inline CSS may be restricted by MediaWiki&#039;s HTML sanitization. For reliable, reusable styling, use CSS classes defined in [[MediaWiki:Common.css]].&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=73</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=73"/>
		<updated>2026-10-15T02:14:08Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki default capabilities */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;Click here to view the hidden text below.&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
This content is hidden until the user clicks the line of text above.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
You can also change the word [Expand] used for the text:&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This content is hidden until the user clicks the &#039;&#039;Show more&#039;&#039; text above.&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This is the hidden content.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
The extension Details creates a full width text block that is always exposed&lt;br /&gt;
* Users can click the text or the [Expand] link to display the hidden text.&lt;br /&gt;
* Formatting options&lt;br /&gt;
** No formatting on text; cursor is not a pointer hovering on text, but is when hovering over [Expand]&lt;br /&gt;
** Can only be configured in &#039;&#039;&#039;Edit source&#039;&#039;&#039; mode.&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;details class=&amp;quot;wikicollapse&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;This text is always visible; it can only be one line and must take up the full width.&amp;lt;/summary&amp;gt;&lt;br /&gt;
 This text is only viewable after the user clicks either the text or [Expand] above.  It can include any type or amount of content.&lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=72</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=72"/>
		<updated>2026-10-15T02:13:32Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki default capabilities */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;Click here to view the hidden text below.&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
This content is hidden until the user clicks the line of text above.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
You can also change the word [Expand] used for the text:&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This content is hidden until the user clicks the &#039;&#039;&#039;Shoe more&#039;&#039;&#039; text above.&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This is the hidden content.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
The extension Details creates a full width text block that is always exposed&lt;br /&gt;
* Users can click the text or the [Expand] link to display the hidden text.&lt;br /&gt;
* Formatting options&lt;br /&gt;
** No formatting on text; cursor is not a pointer hovering on text, but is when hovering over [Expand]&lt;br /&gt;
** Can only be configured in &#039;&#039;&#039;Edit source&#039;&#039;&#039; mode.&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;details class=&amp;quot;wikicollapse&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;This text is always visible; it can only be one line and must take up the full width.&amp;lt;/summary&amp;gt;&lt;br /&gt;
 This text is only viewable after the user clicks either the text or [Expand] above.  It can include any type or amount of content.&lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=71</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=71"/>
		<updated>2026-10-15T02:12:34Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki default capabilities */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;Click here to view the hidden text below.&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
This content is hidden until the user clicks the line of text above.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
You can also change the word [Expand] used for the text:&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This content is hidden until the user clicks the text above.&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This is the hidden content.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
The extension Details creates a full width text block that is always exposed&lt;br /&gt;
* Users can click the text or the [Expand] link to display the hidden text.&lt;br /&gt;
* Formatting options&lt;br /&gt;
** No formatting on text; cursor is not a pointer hovering on text, but is when hovering over [Expand]&lt;br /&gt;
** Can only be configured in &#039;&#039;&#039;Edit source&#039;&#039;&#039; mode.&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;details class=&amp;quot;wikicollapse&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;This text is always visible; it can only be one line and must take up the full width.&amp;lt;/summary&amp;gt;&lt;br /&gt;
 This text is only viewable after the user clicks either the text or [Expand] above.  It can include any type or amount of content.&lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=70</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=70"/>
		<updated>2026-10-15T02:11:17Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki default capabilities */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;Click here to view the hidden text below.&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
This content is hidden until the user clicks the line of text above.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
You can also change the word [Expand] used for the text:&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This content is hidden until the user clicks the text above.&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot; data-expandtext=&amp;quot;Show more&amp;quot; data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
Additional information&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;This is the hidden content.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
The extension Details creates a full width text block that is always exposed&lt;br /&gt;
* Users can click the text or the [Expand] link to display the hidden text.&lt;br /&gt;
* Formatting options&lt;br /&gt;
** No formatting on text; cursor is not a pointer hovering on text, but is when hovering over [Expand]&lt;br /&gt;
** Can only be configured in &#039;&#039;&#039;Edit source&#039;&#039;&#039; mode.&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;details class=&amp;quot;wikicollapse&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;This text is always visible; it can only be one line and must take up the full width.&amp;lt;/summary&amp;gt;&lt;br /&gt;
 This text is only viewable after the user clicks either the text or [Expand] above.  It can include any type or amount of content.&lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=69</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=69"/>
		<updated>2026-10-15T02:06:19Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki default capabilities */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;Click here to view the hidden text below.&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
This content is hidden until the user clicks the line of text above.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt; makes the element collapsible, while &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; makes it start collapsed. MediaWiki then supplies the Expand/Collapse control. MediaWiki&lt;br /&gt;
&lt;br /&gt;
For something more useful, with a visible title:&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 My additional information&lt;br /&gt;
 &amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
 Here is all of the additional information that I don&#039;t&lt;br /&gt;
 want displayed until the reader expands it.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;/div&amp;gt;&lt;br /&gt;
 &amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
You can also change the word [Expand] used for the text:&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&lt;br /&gt;
      data-expandtext=&amp;quot;Show more&amp;quot;&lt;br /&gt;
      data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
 Additional information&lt;br /&gt;
 &amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
 This is the hidden content.&lt;br /&gt;
 &amp;lt;/div&amp;gt;&lt;br /&gt;
 &amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
The extension Details creates a full width text block that is always exposed&lt;br /&gt;
* Users can click the text or the [Expand] link to display the hidden text.&lt;br /&gt;
* Formatting options&lt;br /&gt;
** No formatting on text; cursor is not a pointer hovering on text, but is when hovering over [Expand]&lt;br /&gt;
** Can only be configured in &#039;&#039;&#039;Edit source&#039;&#039;&#039; mode.&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;details class=&amp;quot;wikicollapse&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;This text is always visible; it can only be one line and must take up the full width.&amp;lt;/summary&amp;gt;&lt;br /&gt;
 This text is only viewable after the user clicks either the text or [Expand] above.  It can include any type or amount of content.&lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=68</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=68"/>
		<updated>2026-10-15T02:04:21Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki default capabilities */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
This content is hidden until the user clicks the line of text above.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt; makes the element collapsible, while &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; makes it start collapsed. MediaWiki then supplies the Expand/Collapse control. MediaWiki&lt;br /&gt;
&lt;br /&gt;
For something more useful, with a visible title:&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 My additional information&lt;br /&gt;
 &amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
 Here is all of the additional information that I don&#039;t&lt;br /&gt;
 want displayed until the reader expands it.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;/div&amp;gt;&lt;br /&gt;
 &amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
You can also change the word [Expand] used for the text:&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&lt;br /&gt;
      data-expandtext=&amp;quot;Show more&amp;quot;&lt;br /&gt;
      data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
 Additional information&lt;br /&gt;
 &amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
 This is the hidden content.&lt;br /&gt;
 &amp;lt;/div&amp;gt;&lt;br /&gt;
 &amp;lt;/div&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
The extension Details creates a full width text block that is always exposed&lt;br /&gt;
* Users can click the text or the [Expand] link to display the hidden text.&lt;br /&gt;
* Formatting options&lt;br /&gt;
** No formatting on text; cursor is not a pointer hovering on text, but is when hovering over [Expand]&lt;br /&gt;
** Can only be configured in &#039;&#039;&#039;Edit source&#039;&#039;&#039; mode.&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;details class=&amp;quot;wikicollapse&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;This text is always visible; it can only be one line and must take up the full width.&amp;lt;/summary&amp;gt;&lt;br /&gt;
 This text is only viewable after the user clicks either the text or [Expand] above.  It can include any type or amount of content.&lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=67</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=67"/>
		<updated>2026-10-15T01:57:54Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki default capabilities */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This content is hidden initially.&lt;br /&gt;
 &lt;br /&gt;
 You can put normal wikitext here:&lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt; makes the element collapsible, while &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; makes it start collapsed. MediaWiki then supplies the Expand/Collapse control. MediaWiki&lt;br /&gt;
&lt;br /&gt;
For something more useful, with a visible title:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 My additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 Here is all of the additional information that I don&#039;t&lt;br /&gt;
 want displayed until the reader expands it.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
You can also change the word [Expand] used for the text:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&lt;br /&gt;
      data-expandtext=&amp;quot;Show more&amp;quot;&lt;br /&gt;
      data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
 Additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This is the hidden content.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
The extension Details creates a full width text block that is always exposed&lt;br /&gt;
* Users can click the text or the [Expand] link to display the hidden text.&lt;br /&gt;
* Formatting options&lt;br /&gt;
** No formatting on text; cursor is not a pointer hovering on text, but is when hovering over [Expand]&lt;br /&gt;
** Can only be configured in &#039;&#039;&#039;Edit source&#039;&#039;&#039; mode.&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;details class=&amp;quot;wikicollapse&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;This text is always visible; it can only be one line and must take up the full width.&amp;lt;/summary&amp;gt;&lt;br /&gt;
 This text is only viewable after the user clicks either the text or [Expand] above.  It can include any type or amount of content.&lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=66</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=66"/>
		<updated>2026-10-15T01:54:59Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki Details extension */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This content is hidden initially.&lt;br /&gt;
 &lt;br /&gt;
 You can put normal wikitext here:&lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt; makes the element collapsible, while &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; makes it start collapsed. MediaWiki then supplies the Expand/Collapse control. MediaWiki&lt;br /&gt;
&lt;br /&gt;
For something more useful, with a visible title:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 My additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 Here is all of the additional information that I don&#039;t&lt;br /&gt;
 want displayed until the reader expands it.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
You can also change the words used for the control:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&lt;br /&gt;
      data-expandtext=&amp;quot;Show more&amp;quot;&lt;br /&gt;
      data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
 Additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This is the hidden content.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
The extension Details creates a full width text block that is always exposed&lt;br /&gt;
* Users can click the text or the [Expand] link to display the hidden text.&lt;br /&gt;
* Formatting options&lt;br /&gt;
** No formatting on text; cursor is not a pointer hovering on text, but is when hovering over [Expand]&lt;br /&gt;
** Can only be configured in &#039;&#039;&#039;Edit source&#039;&#039;&#039; mode.&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;details class=&amp;quot;wikicollapse&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;This text is always visible; it can only be one line and must take up the full width.&amp;lt;/summary&amp;gt;&lt;br /&gt;
 This text is only viewable after the user clicks either the text or [Expand] above.  It can include any type or amount of content.&lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=65</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=65"/>
		<updated>2026-10-15T01:45:25Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki Details extension */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This content is hidden initially.&lt;br /&gt;
 &lt;br /&gt;
 You can put normal wikitext here:&lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt; makes the element collapsible, while &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; makes it start collapsed. MediaWiki then supplies the Expand/Collapse control. MediaWiki&lt;br /&gt;
&lt;br /&gt;
For something more useful, with a visible title:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 My additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 Here is all of the additional information that I don&#039;t&lt;br /&gt;
 want displayed until the reader expands it.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
You can also change the words used for the control:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&lt;br /&gt;
      data-expandtext=&amp;quot;Show more&amp;quot;&lt;br /&gt;
      data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
 Additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This is the hidden content.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
There is now an Extension:Details extension that I think is particularly worth considering for your personal wiki. It lets you write:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 Here is the information.&lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The Details extension is currently marked &#039;&#039;&#039;stable&#039;&#039;&#039;, supports MediaWiki 1.39+, and uses the browser&#039;s semantic &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&amp;lt;/code&amp;gt;/&amp;lt;code&amp;gt;&amp;lt;summary&amp;gt;&amp;lt;/code&amp;gt; mechanism. One advantage is that browsers understand the hidden material as actual page content; things such as links to anchors and Find-in-Page can interact with it more intelligently. MediaWiki&lt;br /&gt;
&lt;br /&gt;
Installation is simply:&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=64</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=64"/>
		<updated>2026-10-15T01:22:54Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* 1. Explanation of the three settings */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This content is hidden initially.&lt;br /&gt;
 &lt;br /&gt;
 You can put normal wikitext here:&lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt; makes the element collapsible, while &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; makes it start collapsed. MediaWiki then supplies the Expand/Collapse control. MediaWiki&lt;br /&gt;
&lt;br /&gt;
For something more useful, with a visible title:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 My additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 Here is all of the additional information that I don&#039;t&lt;br /&gt;
 want displayed until the reader expands it.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
You can also change the words used for the control:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&lt;br /&gt;
      data-expandtext=&amp;quot;Show more&amp;quot;&lt;br /&gt;
      data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
 Additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This is the hidden content.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
There is now an Extension:Details extension that I think is particularly worth considering for your personal wiki. It lets you write:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Here is the information.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The Details extension is currently marked &#039;&#039;&#039;stable&#039;&#039;&#039;, supports MediaWiki 1.39+, and uses the browser&#039;s semantic &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&amp;lt;/code&amp;gt;/&amp;lt;code&amp;gt;&amp;lt;summary&amp;gt;&amp;lt;/code&amp;gt; mechanism. One advantage is that browsers understand the hidden material as actual page content; things such as links to anchors and Find-in-Page can interact with it more intelligently. MediaWiki&lt;br /&gt;
&lt;br /&gt;
Installation is simply:&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] will make every MediaWiki section collapsible, starting at Sub-Heading 1 by default.&lt;br /&gt;
&lt;br /&gt;
==== Server Configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings:&lt;br /&gt;
&lt;br /&gt;
* CollapsedByDefault&lt;br /&gt;
** Options: true (default), false&lt;br /&gt;
** This is global for all users and all pages of the wiki&lt;br /&gt;
* EnableDesktop&lt;br /&gt;
** Options: true, false (default)&lt;br /&gt;
** When set to false, sections will only be collapsed when viewed on a smartphone or tablet.&lt;br /&gt;
* SelectionsTag &lt;br /&gt;
** Options: h2 (default), h3, h4 ~ see chart below&lt;br /&gt;
** The level at which content is collapsed&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==== How to collapse one specific section by default ====&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
==== Another option: Native HTML details ====&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=63</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=63"/>
		<updated>2026-10-15T01:01:33Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki CollapsibleSections extension */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This content is hidden initially.&lt;br /&gt;
 &lt;br /&gt;
 You can put normal wikitext here:&lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt; makes the element collapsible, while &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; makes it start collapsed. MediaWiki then supplies the Expand/Collapse control. MediaWiki&lt;br /&gt;
&lt;br /&gt;
For something more useful, with a visible title:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 My additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 Here is all of the additional information that I don&#039;t&lt;br /&gt;
 want displayed until the reader expands it.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
You can also change the words used for the control:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&lt;br /&gt;
      data-expandtext=&amp;quot;Show more&amp;quot;&lt;br /&gt;
      data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
 Additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This is the hidden content.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
There is now an Extension:Details extension that I think is particularly worth considering for your personal wiki. It lets you write:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Here is the information.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The Details extension is currently marked &#039;&#039;&#039;stable&#039;&#039;&#039;, supports MediaWiki 1.39+, and uses the browser&#039;s semantic &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&amp;lt;/code&amp;gt;/&amp;lt;code&amp;gt;&amp;lt;summary&amp;gt;&amp;lt;/code&amp;gt; mechanism. One advantage is that browsers understand the hidden material as actual page content; things such as links to anchors and Find-in-Page can interact with it more intelligently. MediaWiki&lt;br /&gt;
&lt;br /&gt;
Installation is simply:&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] can make entire MediaWiki sections collapsible, which is useful if you want something like:&lt;br /&gt;
 &amp;lt;code&amp;gt;=== Travel Plans ===&lt;br /&gt;
 &lt;br /&gt;
 Lots of content...&lt;br /&gt;
 &lt;br /&gt;
 === Books to Read ===&lt;br /&gt;
 &lt;br /&gt;
 Lots more content...&amp;lt;/code&amp;gt;&lt;br /&gt;
and want each section to collapse from its heading. It can be configured for desktop use and whether sections start collapsed. MediaWiki&lt;br /&gt;
&lt;br /&gt;
==== Server configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings, all of which you have included in your &amp;lt;code&amp;gt;LocalSettings.php&amp;lt;/code&amp;gt;. They control the initial state of sections, whether collapsing works on desktop browsers, and which heading levels are collapsible.&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Ctrl+&lt;br /&gt;
! VisualEditor Name&lt;br /&gt;
! Wikitext Sample&lt;br /&gt;
! HTML Level&lt;br /&gt;
|-&lt;br /&gt;
| 0&lt;br /&gt;
| Paragraph&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;Normal paragraph text&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 1&lt;br /&gt;
| Page title (not normally used)&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;= Page title =&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 2&lt;br /&gt;
| Heading&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;== Heading ==&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 3&lt;br /&gt;
| Sub-heading 1&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;=== Sub-heading 1 ===&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 4&lt;br /&gt;
| Sub-heading 2&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;==== Sub-heading 2 ====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h4&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 5&lt;br /&gt;
| Sub-heading 3&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;===== Sub-heading 3 =====&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h5&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 6&lt;br /&gt;
| Sub-heading 4&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;====== Sub-heading 4 ======&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;h6&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 7&lt;br /&gt;
| Preformatted&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt;Preformatted text&amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;pre&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| 8&lt;br /&gt;
| Block quote&lt;br /&gt;
| &amp;lt;nowiki&amp;gt;&amp;lt;blockquote&amp;gt;Quoted text&amp;lt;/blockquote&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
| &amp;lt;code&amp;gt;&amp;amp;lt;blockquote&amp;amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
To answer your main question: No, CollapsibleSections does not provide a documented way to make an individual section collapsed by default while leaving all other sections expanded. However, MediaWiki has a built-in feature that can accomplish exactly that.&lt;br /&gt;
&lt;br /&gt;
== 1. Explanation of the three settings ==&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
!Setting&lt;br /&gt;
!Values&lt;br /&gt;
!Behavior&lt;br /&gt;
|-&lt;br /&gt;
|&amp;lt;code&amp;gt;$wgCollapsibleSectionsCollapsedByDefault&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;true&amp;lt;/code&amp;gt; (default), &amp;lt;code&amp;gt;false&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;true&amp;lt;/code&amp;gt;: all targeted sections start collapsed. &amp;lt;code&amp;gt;false&amp;lt;/code&amp;gt;: all start expanded.&lt;br /&gt;
|-&lt;br /&gt;
|&amp;lt;code&amp;gt;$wgCollapsibleSectionsEnableDesktop&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;true&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;false&amp;lt;/code&amp;gt; (default)&lt;br /&gt;
|Enables or disables CollapsibleSections functionality for desktop browsers.&lt;br /&gt;
|-&lt;br /&gt;
|&amp;lt;code&amp;gt;$wgCollapsibleSectionsTag&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;&#039;h2&#039;&amp;lt;/code&amp;gt; (default), &amp;lt;code&amp;gt;&#039;h3&#039;&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;&#039;h4&#039;&amp;lt;/code&amp;gt;, etc.&lt;br /&gt;
|Specifies which HTML heading level is the root level for collapsible sections.&lt;br /&gt;
|}&lt;br /&gt;
These are the three settings documented by the extension&#039;s maintainers.&lt;br /&gt;
&lt;br /&gt;
MediaWiki&lt;br /&gt;
&lt;br /&gt;
+1&lt;br /&gt;
&lt;br /&gt;
=== Understanding the heading level ===&lt;br /&gt;
MediaWiki&#039;s wikitext heading syntax maps to HTML heading levels:&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
!Wikitext&lt;br /&gt;
!HTML level&lt;br /&gt;
|-&lt;br /&gt;
|&amp;lt;code&amp;gt;== Heading ==&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;h2&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
|&amp;lt;code&amp;gt;=== Heading ===&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;h3&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
|&amp;lt;code&amp;gt;==== Heading ====&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;h4&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
With your configuration:&lt;br /&gt;
 &amp;lt;code&amp;gt;$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/code&amp;gt;&lt;br /&gt;
You&#039;re designating level-three headings as the root level for collapsible sections. This is appropriate because you primarily use &amp;lt;code&amp;gt;=== Heading ===&amp;lt;/code&amp;gt; for your wiki&#039;s section headings.&lt;br /&gt;
&lt;br /&gt;
The extension can also recognize nested heading structures. However, the exact behavior with nested headings should be tested, especially when changing the root heading level.&lt;br /&gt;
&lt;br /&gt;
== 2. How to collapse one specific section by default ==&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
You can use this technique even when:&lt;br /&gt;
 &amp;lt;code&amp;gt;$wgCollapsibleSectionsCollapsedByDefault = false;&amp;lt;/code&amp;gt;&lt;br /&gt;
The global setting applies to CollapsibleSections, whereas &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; is a separate MediaWiki collapsing mechanism.&lt;br /&gt;
&lt;br /&gt;
Note that the code above uses HTML-like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
== 3. Another option: Native HTML details ==&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
== 4. Recommended configuration for your wiki ==&lt;br /&gt;
I would keep your current configuration:&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
 &lt;br /&gt;
 $wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
 $wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
 $wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/code&amp;gt;&lt;br /&gt;
Then use two complementary approaches:&lt;br /&gt;
&lt;br /&gt;
* CollapsibleSections: Make your normal level-three wiki sections collapsible, but expanded by default.&lt;br /&gt;
* Details or &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Create individually controlled expandable blocks that start collapsed or expanded as needed.&lt;br /&gt;
&lt;br /&gt;
This provides greater flexibility without changing the default appearance of your existing pages.&lt;br /&gt;
&lt;br /&gt;
One distinction worth emphasizing: A CollapsibleSections section is a genuine MediaWiki heading and participates in the page&#039;s heading hierarchy and table of contents. A Details block is an expandable container, not automatically a MediaWiki section. If preserving the heading hierarchy is important, that distinction may influence which approach you choose.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=62</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=62"/>
		<updated>2026-10-15T01:00:50Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* Server configurations */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This content is hidden initially.&lt;br /&gt;
 &lt;br /&gt;
 You can put normal wikitext here:&lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt; makes the element collapsible, while &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; makes it start collapsed. MediaWiki then supplies the Expand/Collapse control. MediaWiki&lt;br /&gt;
&lt;br /&gt;
For something more useful, with a visible title:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 My additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 Here is all of the additional information that I don&#039;t&lt;br /&gt;
 want displayed until the reader expands it.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
You can also change the words used for the control:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&lt;br /&gt;
      data-expandtext=&amp;quot;Show more&amp;quot;&lt;br /&gt;
      data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
 Additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This is the hidden content.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
There is now an Extension:Details extension that I think is particularly worth considering for your personal wiki. It lets you write:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Here is the information.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The Details extension is currently marked &#039;&#039;&#039;stable&#039;&#039;&#039;, supports MediaWiki 1.39+, and uses the browser&#039;s semantic &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&amp;lt;/code&amp;gt;/&amp;lt;code&amp;gt;&amp;lt;summary&amp;gt;&amp;lt;/code&amp;gt; mechanism. One advantage is that browsers understand the hidden material as actual page content; things such as links to anchors and Find-in-Page can interact with it more intelligently. MediaWiki&lt;br /&gt;
&lt;br /&gt;
Installation is simply:&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] can make entire MediaWiki sections collapsible, which is useful if you want something like:&lt;br /&gt;
 &amp;lt;code&amp;gt;=== Travel Plans ===&lt;br /&gt;
 &lt;br /&gt;
 Lots of content...&lt;br /&gt;
 &lt;br /&gt;
 === Books to Read ===&lt;br /&gt;
 &lt;br /&gt;
 Lots more content...&amp;lt;/code&amp;gt;&lt;br /&gt;
and want each section to collapse from its heading. It can be configured for desktop use and whether sections start collapsed. MediaWiki&lt;br /&gt;
&lt;br /&gt;
==== Server configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;The CollapsibleSections extension has three configuration settings, all of which you have included in your &amp;lt;code&amp;gt;LocalSettings.php&amp;lt;/code&amp;gt;. They control the initial state of sections, whether collapsing works on desktop browsers, and which heading levels are collapsible.&lt;br /&gt;
&lt;br /&gt;
To answer your main question: No, CollapsibleSections does not provide a documented way to make an individual section collapsed by default while leaving all other sections expanded. However, MediaWiki has a built-in feature that can accomplish exactly that.&lt;br /&gt;
&lt;br /&gt;
== 1. Explanation of the three settings ==&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
!Setting&lt;br /&gt;
!Values&lt;br /&gt;
!Behavior&lt;br /&gt;
|-&lt;br /&gt;
|&amp;lt;code&amp;gt;$wgCollapsibleSectionsCollapsedByDefault&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;true&amp;lt;/code&amp;gt; (default), &amp;lt;code&amp;gt;false&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;true&amp;lt;/code&amp;gt;: all targeted sections start collapsed. &amp;lt;code&amp;gt;false&amp;lt;/code&amp;gt;: all start expanded.&lt;br /&gt;
|-&lt;br /&gt;
|&amp;lt;code&amp;gt;$wgCollapsibleSectionsEnableDesktop&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;true&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;false&amp;lt;/code&amp;gt; (default)&lt;br /&gt;
|Enables or disables CollapsibleSections functionality for desktop browsers.&lt;br /&gt;
|-&lt;br /&gt;
|&amp;lt;code&amp;gt;$wgCollapsibleSectionsTag&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;&#039;h2&#039;&amp;lt;/code&amp;gt; (default), &amp;lt;code&amp;gt;&#039;h3&#039;&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;&#039;h4&#039;&amp;lt;/code&amp;gt;, etc.&lt;br /&gt;
|Specifies which HTML heading level is the root level for collapsible sections.&lt;br /&gt;
|}&lt;br /&gt;
These are the three settings documented by the extension&#039;s maintainers.&lt;br /&gt;
&lt;br /&gt;
MediaWiki&lt;br /&gt;
&lt;br /&gt;
+1&lt;br /&gt;
&lt;br /&gt;
=== Understanding the heading level ===&lt;br /&gt;
MediaWiki&#039;s wikitext heading syntax maps to HTML heading levels:&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
!Wikitext&lt;br /&gt;
!HTML level&lt;br /&gt;
|-&lt;br /&gt;
|&amp;lt;code&amp;gt;== Heading ==&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;h2&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
|&amp;lt;code&amp;gt;=== Heading ===&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;h3&amp;lt;/code&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
|&amp;lt;code&amp;gt;==== Heading ====&amp;lt;/code&amp;gt;&lt;br /&gt;
|&amp;lt;code&amp;gt;h4&amp;lt;/code&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
With your configuration:&lt;br /&gt;
 &amp;lt;code&amp;gt;$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/code&amp;gt;&lt;br /&gt;
You&#039;re designating level-three headings as the root level for collapsible sections. This is appropriate because you primarily use &amp;lt;code&amp;gt;=== Heading ===&amp;lt;/code&amp;gt; for your wiki&#039;s section headings.&lt;br /&gt;
&lt;br /&gt;
The extension can also recognize nested heading structures. However, the exact behavior with nested headings should be tested, especially when changing the root heading level.&lt;br /&gt;
&lt;br /&gt;
== 2. How to collapse one specific section by default ==&lt;br /&gt;
MediaWiki includes a built-in collapsible-content mechanism through its ResourceLoader &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&lt;br /&gt;
&lt;br /&gt;
For example, add the following directly to the wikitext of a page:&lt;br /&gt;
&lt;br /&gt;
Example: A section that starts collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&lt;br /&gt;
 &#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;Additional Information&amp;lt;nowiki&amp;gt;&#039;&#039;&#039;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This information is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 It becomes visible when the reader expands the section.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The important classes are:&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Makes the content collapsible.&lt;br /&gt;
* &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;: Makes it initially collapsed.&lt;br /&gt;
&lt;br /&gt;
If you omit &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt;, the content starts expanded.&lt;br /&gt;
&lt;br /&gt;
You can use this technique even when:&lt;br /&gt;
 &amp;lt;code&amp;gt;$wgCollapsibleSectionsCollapsedByDefault = false;&amp;lt;/code&amp;gt;&lt;br /&gt;
The global setting applies to CollapsibleSections, whereas &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; is a separate MediaWiki collapsing mechanism.&lt;br /&gt;
&lt;br /&gt;
Note that the code above uses HTML-like tags in wikitext; it does not require you to install another extension. You should test it with your current skin and VisualEditor.&lt;br /&gt;
&lt;br /&gt;
== 3. Another option: Native HTML details ==&lt;br /&gt;
Since you&#039;re planning to install the Details extension, this may actually be a better approach for selectively collapsing content.&lt;br /&gt;
&lt;br /&gt;
Initially collapsed&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially hidden.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
Initially expanded&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;Additional Information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 This content is initially visible.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
With the Details extension installed and enabled, this provides a convenient way to manage individual collapsible blocks without changing any global settings.&lt;br /&gt;
&lt;br /&gt;
== 4. Recommended configuration for your wiki ==&lt;br /&gt;
I would keep your current configuration:&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
 &lt;br /&gt;
 $wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
 $wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
 $wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/code&amp;gt;&lt;br /&gt;
Then use two complementary approaches:&lt;br /&gt;
&lt;br /&gt;
* CollapsibleSections: Make your normal level-three wiki sections collapsible, but expanded by default.&lt;br /&gt;
* Details or &amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt;: Create individually controlled expandable blocks that start collapsed or expanded as needed.&lt;br /&gt;
&lt;br /&gt;
This provides greater flexibility without changing the default appearance of your existing pages.&lt;br /&gt;
&lt;br /&gt;
One distinction worth emphasizing: A CollapsibleSections section is a genuine MediaWiki heading and participates in the page&#039;s heading hierarchy and table of contents. A Details block is an expandable container, not automatically a MediaWiki section. If preserving the heading hierarchy is important, that distinction may influence which approach you choose.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=61</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=61"/>
		<updated>2026-10-14T23:47:35Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* Server configurations */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This content is hidden initially.&lt;br /&gt;
 &lt;br /&gt;
 You can put normal wikitext here:&lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt; makes the element collapsible, while &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; makes it start collapsed. MediaWiki then supplies the Expand/Collapse control. MediaWiki&lt;br /&gt;
&lt;br /&gt;
For something more useful, with a visible title:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 My additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 Here is all of the additional information that I don&#039;t&lt;br /&gt;
 want displayed until the reader expands it.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
You can also change the words used for the control:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&lt;br /&gt;
      data-expandtext=&amp;quot;Show more&amp;quot;&lt;br /&gt;
      data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
 Additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This is the hidden content.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
There is now an Extension:Details extension that I think is particularly worth considering for your personal wiki. It lets you write:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Here is the information.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The Details extension is currently marked &#039;&#039;&#039;stable&#039;&#039;&#039;, supports MediaWiki 1.39+, and uses the browser&#039;s semantic &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&amp;lt;/code&amp;gt;/&amp;lt;code&amp;gt;&amp;lt;summary&amp;gt;&amp;lt;/code&amp;gt; mechanism. One advantage is that browsers understand the hidden material as actual page content; things such as links to anchors and Find-in-Page can interact with it more intelligently. MediaWiki&lt;br /&gt;
&lt;br /&gt;
Installation is simply:&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] can make entire MediaWiki sections collapsible, which is useful if you want something like:&lt;br /&gt;
 &amp;lt;code&amp;gt;=== Travel Plans ===&lt;br /&gt;
 &lt;br /&gt;
 Lots of content...&lt;br /&gt;
 &lt;br /&gt;
 === Books to Read ===&lt;br /&gt;
 &lt;br /&gt;
 Lots more content...&amp;lt;/code&amp;gt;&lt;br /&gt;
and want each section to collapse from its heading. It can be configured for desktop use and whether sections start collapsed. MediaWiki&lt;br /&gt;
&lt;br /&gt;
==== Server configurations ====&lt;br /&gt;
The following commands were added to LocalSettings.php&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&#039;bash&#039;&amp;gt;# CollapsibleSections&lt;br /&gt;
wfLoadExtension( &#039;CollapsibleSections&#039; );&lt;br /&gt;
&lt;br /&gt;
$wgCollapsibleSectionsCollapsedByDefault = false;&lt;br /&gt;
$wgCollapsibleSectionsEnableDesktop = true;&lt;br /&gt;
$wgCollapsibleSectionsTag = &#039;h3&#039;;&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=60</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=60"/>
		<updated>2026-10-14T23:46:34Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* MediaWiki CollapsibleSections extension */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This content is hidden initially.&lt;br /&gt;
 &lt;br /&gt;
 You can put normal wikitext here:&lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt; makes the element collapsible, while &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; makes it start collapsed. MediaWiki then supplies the Expand/Collapse control. MediaWiki&lt;br /&gt;
&lt;br /&gt;
For something more useful, with a visible title:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 My additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 Here is all of the additional information that I don&#039;t&lt;br /&gt;
 want displayed until the reader expands it.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
You can also change the words used for the control:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&lt;br /&gt;
      data-expandtext=&amp;quot;Show more&amp;quot;&lt;br /&gt;
      data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
 Additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This is the hidden content.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
There is now an Extension:Details extension that I think is particularly worth considering for your personal wiki. It lets you write:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Here is the information.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The Details extension is currently marked &#039;&#039;&#039;stable&#039;&#039;&#039;, supports MediaWiki 1.39+, and uses the browser&#039;s semantic &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&amp;lt;/code&amp;gt;/&amp;lt;code&amp;gt;&amp;lt;summary&amp;gt;&amp;lt;/code&amp;gt; mechanism. One advantage is that browsers understand the hidden material as actual page content; things such as links to anchors and Find-in-Page can interact with it more intelligently. MediaWiki&lt;br /&gt;
&lt;br /&gt;
Installation is simply:&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] can make entire MediaWiki sections collapsible, which is useful if you want something like:&lt;br /&gt;
 &amp;lt;code&amp;gt;=== Travel Plans ===&lt;br /&gt;
 &lt;br /&gt;
 Lots of content...&lt;br /&gt;
 &lt;br /&gt;
 === Books to Read ===&lt;br /&gt;
 &lt;br /&gt;
 Lots more content...&amp;lt;/code&amp;gt;&lt;br /&gt;
and want each section to collapse from its heading. It can be configured for desktop use and whether sections start collapsed. MediaWiki&lt;br /&gt;
&lt;br /&gt;
==== Server configurations ====&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=59</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=59"/>
		<updated>2026-10-06T16:12:33Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This content is hidden initially.&lt;br /&gt;
 &lt;br /&gt;
 You can put normal wikitext here:&lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt; makes the element collapsible, while &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; makes it start collapsed. MediaWiki then supplies the Expand/Collapse control. MediaWiki&lt;br /&gt;
&lt;br /&gt;
For something more useful, with a visible title:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 My additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 Here is all of the additional information that I don&#039;t&lt;br /&gt;
 want displayed until the reader expands it.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
You can also change the words used for the control:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&lt;br /&gt;
      data-expandtext=&amp;quot;Show more&amp;quot;&lt;br /&gt;
      data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
 Additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This is the hidden content.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
There is now an Extension:Details extension that I think is particularly worth considering for your personal wiki. It lets you write:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Here is the information.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The Details extension is currently marked &#039;&#039;&#039;stable&#039;&#039;&#039;, supports MediaWiki 1.39+, and uses the browser&#039;s semantic &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&amp;lt;/code&amp;gt;/&amp;lt;code&amp;gt;&amp;lt;summary&amp;gt;&amp;lt;/code&amp;gt; mechanism. One advantage is that browsers understand the hidden material as actual page content; things such as links to anchors and Find-in-Page can interact with it more intelligently. MediaWiki&lt;br /&gt;
&lt;br /&gt;
Installation is simply:&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] can make entire MediaWiki sections collapsible, which is useful if you want something like:&lt;br /&gt;
 &amp;lt;code&amp;gt;=== Travel Plans ===&lt;br /&gt;
 &lt;br /&gt;
 Lots of content...&lt;br /&gt;
 &lt;br /&gt;
 === Books to Read ===&lt;br /&gt;
 &lt;br /&gt;
 Lots more content...&amp;lt;/code&amp;gt;&lt;br /&gt;
and want each section to collapse from its heading. It can be configured for desktop use and whether sections start collapsed. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=58</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=58"/>
		<updated>2026-10-06T16:08:26Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki default capabilities ===&lt;br /&gt;
For a block that starts collapsed:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This content is hidden initially.&lt;br /&gt;
 &lt;br /&gt;
 You can put normal wikitext here:&lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;mw-collapsible&amp;lt;/code&amp;gt; makes the element collapsible, while &amp;lt;code&amp;gt;mw-collapsed&amp;lt;/code&amp;gt; makes it start collapsed. MediaWiki then supplies the Expand/Collapse control. MediaWiki&lt;br /&gt;
&lt;br /&gt;
For something more useful, with a visible title:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 My additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 Here is all of the additional information that I don&#039;t&lt;br /&gt;
 want displayed until the reader expands it.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
You can also change the words used for the control:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed&amp;quot;&lt;br /&gt;
      data-expandtext=&amp;quot;Show more&amp;quot;&lt;br /&gt;
      data-collapsetext=&amp;quot;Show less&amp;quot;&amp;gt;&lt;br /&gt;
 Additional information&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 This is the hidden content.&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
 &amp;lt;nowiki&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
That functionality is built into MediaWiki&#039;s &amp;lt;code&amp;gt;jquery.makeCollapsible&amp;lt;/code&amp;gt; module. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Details extension ===&lt;br /&gt;
There is now an Extension:Details extension that I think is particularly worth considering for your personal wiki. It lets you write:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Here is the information.&lt;br /&gt;
 &lt;br /&gt;
 * Item one&lt;br /&gt;
 * Item two&lt;br /&gt;
 * Item three&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The result behaves like the familiar disclosure/accordion control on modern websites: click the summary and the content opens underneath it.&lt;br /&gt;
&lt;br /&gt;
You can also make it initially open:&lt;br /&gt;
 &amp;lt;code&amp;gt;&amp;lt;details open&amp;gt;&lt;br /&gt;
 &amp;lt;summary&amp;gt;My additional information&amp;lt;/summary&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 Content here.&lt;br /&gt;
 &lt;br /&gt;
 &amp;lt;/details&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
The Details extension is currently marked &#039;&#039;&#039;stable&#039;&#039;&#039;, supports MediaWiki 1.39+, and uses the browser&#039;s semantic &amp;lt;code&amp;gt;&amp;lt;details&amp;gt;&amp;lt;/code&amp;gt;/&amp;lt;code&amp;gt;&amp;lt;summary&amp;gt;&amp;lt;/code&amp;gt; mechanism. One advantage is that browsers understand the hidden material as actual page content; things such as links to anchors and Find-in-Page can interact with it more intelligently. MediaWiki&lt;br /&gt;
&lt;br /&gt;
Installation is simply:&lt;br /&gt;
 &amp;lt;code&amp;gt;wfLoadExtension( &#039;Details&#039; );&amp;lt;/code&amp;gt;&lt;br /&gt;
after putting the extension in the &amp;lt;code&amp;gt;extensions/Details&amp;lt;/code&amp;gt; directory. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki CollapsibleSections extension ===&lt;br /&gt;
[[mediawikiwiki:Manual:Collapsible_elements|CollapsibleSections]] can make entire MediaWiki sections collapsible, which is useful if you want something like:&lt;br /&gt;
 &amp;lt;code&amp;gt;=== Travel Plans ===&lt;br /&gt;
 &lt;br /&gt;
 Lots of content...&lt;br /&gt;
 &lt;br /&gt;
 === Books to Read ===&lt;br /&gt;
 &lt;br /&gt;
 Lots more content...&amp;lt;/code&amp;gt;&lt;br /&gt;
and want each section to collapse from its heading. It can be configured for desktop use and whether sections start collapsed. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki Spoilers extension ===&lt;br /&gt;
Provides &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{#spoiler:...}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; https://www.mediawiki.org/wiki/Extension%3ASpoilers?utm_source=chatgpt.com&lt;br /&gt;
&lt;br /&gt;
Its purpose is specifically hiding spoiler-like content. MediaWiki&lt;br /&gt;
&lt;br /&gt;
=== MediaWiki custom template ===&lt;br /&gt;
One other possibility is creating your own &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Collapse}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt; template around MediaWiki&#039;s built-in functionality. MediaWiki.org itself has a Collapse template with parameters such as &amp;lt;code&amp;gt;title&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;content&amp;lt;/code&amp;gt;, background, alignment, and initial state. MediaWiki&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=57</id>
		<title>Collapse and expand wiki page content</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Collapse_and_expand_wiki_page_content&amp;diff=57"/>
		<updated>2026-10-06T15:59:47Z</updated>

		<summary type="html">&lt;p&gt;Matt: Created page with &amp;quot;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on using MediaWiki features that allow you to collapse and expand content sections.&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Personal_Data_Strategy&amp;diff=56</id>
		<title>Personal Data Strategy</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Personal_Data_Strategy&amp;diff=56"/>
		<updated>2026-10-06T15:58:52Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains an illustrative example of a personal data strategy.  &lt;br /&gt;
&lt;br /&gt;
* My wiki is my primary storage place for all structured and semi-structured data&lt;br /&gt;
* Photos, videos, and images will require special consideration&lt;br /&gt;
* Videos &amp;gt;500MB will need special consideration&lt;br /&gt;
* [[Organizing and retaining unstructured data]]&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Personal_Data_Strategy&amp;diff=55</id>
		<title>Personal Data Strategy</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Personal_Data_Strategy&amp;diff=55"/>
		<updated>2026-10-06T15:58:04Z</updated>

		<summary type="html">&lt;p&gt;Matt: Created page with &amp;quot;This page contains an illustrative example of a personal data strategy.  * My wiki is my primary storage place for all structured and semi-structured data * Photos, videos, and images will require special consideration * Videos &amp;gt;500MB will need special consideration * Unstructured data (random files)&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains an illustrative example of a personal data strategy.&lt;br /&gt;
&lt;br /&gt;
* My wiki is my primary storage place for all structured and semi-structured data&lt;br /&gt;
* Photos, videos, and images will require special consideration&lt;br /&gt;
* Videos &amp;gt;500MB will need special consideration&lt;br /&gt;
* Unstructured data (random files)&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Main_Page&amp;diff=54</id>
		<title>Main Page</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Main_Page&amp;diff=54"/>
		<updated>2026-10-06T15:55:17Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Welcome to the central tutorial site for GoalStriving wikis. Content here is updated over time; every wiki on the farm links here from the sidebar under &#039;&#039;&#039;Help &amp;amp; tutorials&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
=== Getting started ===&lt;br /&gt;
These tutorials provide the basics to start using your wiki.&lt;br /&gt;
&lt;br /&gt;
* [[Wiki text formatting examples|Text formatting examples]]&lt;br /&gt;
* [[Naming convensions|Naming conventions]]&lt;br /&gt;
&lt;br /&gt;
* [[Creating and editing wiki pages|Creating and editing pages]]&lt;br /&gt;
* [[Adding links to wiki pages|Adding links]]&lt;br /&gt;
* [[Adding tooltips]]&lt;br /&gt;
* [[Adding images and videos to wiki pages|Adding images and videos]]&lt;br /&gt;
* [[Configure font color and highlights]]&lt;br /&gt;
* [[Collapse and expand wiki page content]]&lt;br /&gt;
* [[Adding PDF files to wiki pages|Adding PDF files]]&lt;br /&gt;
* [[Wiki session timeouts and URLs|Session timeouts and URLs]]&lt;br /&gt;
* [[Organizing and retaining unstructured data]]&lt;br /&gt;
&lt;br /&gt;
=== Advanced Topics ===&lt;br /&gt;
These tutorials will help you use your wiki effectively and efficiently.&lt;br /&gt;
&lt;br /&gt;
* [[Wiki Use Habits]] - master these guidelines, and your wikis will always be well-organized&lt;br /&gt;
* [[Creating wiki page hierarchies|Creating hierarchies]]&lt;br /&gt;
* [[Wiki Content evolution|Content evolution]]&lt;br /&gt;
* [https://workingwithmediawiki.com/ Working with MediaWiki]: written by Yaron Koren; updated in 2026.&lt;br /&gt;
&lt;br /&gt;
=== Need more help? ===&lt;br /&gt;
Visit [https://goalstriving.org goalstriving.org] or join the monthly community call (first Tuesday, 8 PM EST).&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Managing_Other_Files&amp;diff=53</id>
		<title>Managing Other Files</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Managing_Other_Files&amp;diff=53"/>
		<updated>2026-10-06T15:54:05Z</updated>

		<summary type="html">&lt;p&gt;Matt: Matt moved page Managing Other Files to Organizing and retaining unstructured data&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;#REDIRECT [[Organizing and retaining unstructured data]]&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Organizing_and_retaining_unstructured_data&amp;diff=52</id>
		<title>Organizing and retaining unstructured data</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Organizing_and_retaining_unstructured_data&amp;diff=52"/>
		<updated>2026-10-06T15:54:05Z</updated>

		<summary type="html">&lt;p&gt;Matt: Matt moved page Managing Other Files to Organizing and retaining unstructured data&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains recommendations for managing any digital files which are not uploaded to your wiki.&lt;br /&gt;
&lt;br /&gt;
Undoubtedly, you have accumulated many digital files in your life and no one could even guess how many files we will be accumulating in the future.  I know the thought of trying to organize things is daunting, but open a new page and call it [[Personal Data Strategy]].&lt;br /&gt;
&lt;br /&gt;
=== Create a Strategy ===&lt;br /&gt;
I recommend you define a few rules (or guidelines) whenever you encounter a file you want to retain that will not be stored in your wiki&lt;br /&gt;
&lt;br /&gt;
* Pick as few platforms as possible and define in the situations in which each is used&lt;br /&gt;
&lt;br /&gt;
=== Storage Options ===&lt;br /&gt;
* Smartphone: you carry it everywhere; it might be your primary capture device, but don&#039;t think about it as long term storage.  &lt;br /&gt;
* Desktop Synch Tools&lt;br /&gt;
** Apple Desktop&lt;br /&gt;
** Google CloudSomething&lt;br /&gt;
** Microsoft OneSomething&lt;br /&gt;
* Cloud storage providers&lt;br /&gt;
** Box.com, dropbox, Google Drive, &lt;br /&gt;
* USB drives&lt;br /&gt;
&lt;br /&gt;
=== Reasonable Risk ===&lt;br /&gt;
Let&#039;s be honest.  Any device you sometimes carry with you when you leave the house could be damaged beyond use at any moment.  A little bump; a little shove; in just the right place at just the right time, could knock your phone out of your hand and down a storm drain. Think of these devices as disposable, from a data standpoint.  Fortunately, there are low-cost, easy-to-use options for synchronizing just about everything on your phone with a cloud service, but many of them require manual configuration, and I recommend you have a plan before you start changing settings.&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Organizing_and_retaining_unstructured_data&amp;diff=51</id>
		<title>Organizing and retaining unstructured data</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Organizing_and_retaining_unstructured_data&amp;diff=51"/>
		<updated>2026-10-06T15:52:50Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* Have a Strategy */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains recommendations for managing any digital files which are not uploaded to your wiki.&lt;br /&gt;
&lt;br /&gt;
Undoubtedly, you have accumulated many digital files in your life and no one could even guess how many files we will be accumulating in the future.  I know the thought of trying to organize things is daunting, but open a new page and call it [[Personal Data Strategy]].&lt;br /&gt;
&lt;br /&gt;
=== Create a Strategy ===&lt;br /&gt;
I recommend you define a few rules (or guidelines) whenever you encounter a file you want to retain that will not be stored in your wiki&lt;br /&gt;
&lt;br /&gt;
* Pick as few platforms as possible and define in the situations in which each is used&lt;br /&gt;
&lt;br /&gt;
=== Storage Options ===&lt;br /&gt;
* Smartphone: you carry it everywhere; it might be your primary capture device, but don&#039;t think about it as long term storage.  &lt;br /&gt;
* Desktop Synch Tools&lt;br /&gt;
** Apple Desktop&lt;br /&gt;
** Google CloudSomething&lt;br /&gt;
** Microsoft OneSomething&lt;br /&gt;
* Cloud storage providers&lt;br /&gt;
** Box.com, dropbox, Google Drive, &lt;br /&gt;
* USB drives&lt;br /&gt;
&lt;br /&gt;
=== Reasonable Risk ===&lt;br /&gt;
Let&#039;s be honest.  Any device you sometimes carry with you when you leave the house could be damaged beyond use at any moment.  A little bump; a little shove; in just the right place at just the right time, could knock your phone out of your hand and down a storm drain. Think of these devices as disposable, from a data standpoint.  Fortunately, there are low-cost, easy-to-use options for synchronizing just about everything on your phone with a cloud service, but many of them require manual configuration, and I recommend you have a plan before you start changing settings.&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Main_Page&amp;diff=50</id>
		<title>Main Page</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Main_Page&amp;diff=50"/>
		<updated>2026-10-06T15:39:53Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* Getting started */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Welcome to the central tutorial site for GoalStriving wikis. Content here is updated over time; every wiki on the farm links here from the sidebar under &#039;&#039;&#039;Help &amp;amp; tutorials&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
=== Getting started ===&lt;br /&gt;
These tutorials provide the basics to start using your wiki.&lt;br /&gt;
&lt;br /&gt;
* [[Wiki text formatting examples|Text formatting examples]]&lt;br /&gt;
* [[Naming convensions|Naming conventions]]&lt;br /&gt;
&lt;br /&gt;
* [[Creating and editing wiki pages|Creating and editing pages]]&lt;br /&gt;
* [[Adding links to wiki pages|Adding links]]&lt;br /&gt;
* [[Adding tooltips]]&lt;br /&gt;
* [[Adding images and videos to wiki pages|Adding images and videos]]&lt;br /&gt;
* [[Configure font color and highlights]]&lt;br /&gt;
* [[Collapse and expand wiki page content]]&lt;br /&gt;
* [[Adding PDF files to wiki pages|Adding PDF files]]&lt;br /&gt;
* [[Wiki session timeouts and URLs|Session timeouts and URLs]]&lt;br /&gt;
* [[Managing Other Files]]&lt;br /&gt;
&lt;br /&gt;
=== Advanced Topics ===&lt;br /&gt;
These tutorials will help you use your wiki effectively and efficiently.&lt;br /&gt;
&lt;br /&gt;
* [[Wiki Use Habits]] - master these guidelines, and your wikis will always be well-organized&lt;br /&gt;
* [[Creating wiki page hierarchies|Creating hierarchies]]&lt;br /&gt;
* [[Wiki Content evolution|Content evolution]]&lt;br /&gt;
* [https://workingwithmediawiki.com/ Working with MediaWiki]: written by Yaron Koren; updated in 2026.&lt;br /&gt;
&lt;br /&gt;
=== Need more help? ===&lt;br /&gt;
Visit [https://goalstriving.org goalstriving.org] or join the monthly community call (first Tuesday, 8 PM EST).&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Wiki_session_timeouts_and_URLs&amp;diff=49</id>
		<title>Wiki session timeouts and URLs</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Wiki_session_timeouts_and_URLs&amp;diff=49"/>
		<updated>2026-09-16T13:25:55Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes about the tutorials and documentation I plan to create to help new MediaWiki users minimize the impact of session timeouts.&lt;br /&gt;
&lt;br /&gt;
* If just noticed an Edit page that has probably been open for less than 4 hours (session has timed out)&lt;br /&gt;
** Scroll to the top, right click on the logo in the upper right, choose open in new tab, login, go back to first tab, click Save&lt;br /&gt;
* If you noticed an Edit page &amp;gt; 8 hours (session has ???? -&amp;gt; ask ChatGPT for the terminology)&lt;br /&gt;
** Scroll to top, right click on the Read link and choose New Window.  Open the two windows side-by-side and review the page line by line.  If you see disrepancies, click Edit in the new window that just opened.  Most likely there&lt;br /&gt;
* When you return to a page in Read mode that you have not looked at in a few hours, best to click the Read link as soon as you start reading the page.&lt;br /&gt;
** The page content will remain as it refreshes, so it will not increase friction (slow down your working)&lt;br /&gt;
** This will tell you if your session has timed out&lt;br /&gt;
** If you had edited this content in another browser tab, the content will be refreshed&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Wiki_session_timeouts_and_URLs&amp;diff=48</id>
		<title>Wiki session timeouts and URLs</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Wiki_session_timeouts_and_URLs&amp;diff=48"/>
		<updated>2026-09-16T12:47:54Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes about the tutorials and documentation I plan to create to help new MediaWiki users minimize the impact of session timeouts.&lt;br /&gt;
&lt;br /&gt;
* If just noticed an Edit page that has probably been open for less than 4 hours (session has timed out)&lt;br /&gt;
** Scroll to the top, right click on the logo in the upper right, choose open in new tab, login, go back to first tab, click Save&lt;br /&gt;
* If you noticed an Edit page &amp;gt; 8 hours (session has ???? -&amp;gt; ask ChatGPT for the terminology)&lt;br /&gt;
** Scroll to top, right click on the Read link and choose New Window.  Open the two windows side-by-side and review the page line by line.  If you see disrepancies, click Edit in the new window that just opened.  Most likely there&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Wiki_session_timeouts_and_URLs&amp;diff=47</id>
		<title>Wiki session timeouts and URLs</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Wiki_session_timeouts_and_URLs&amp;diff=47"/>
		<updated>2026-09-16T12:45:09Z</updated>

		<summary type="html">&lt;p&gt;Matt: Created page with &amp;quot;This page contains notes about the tutorials and documentation I plan to create to help new MediaWiki users minimize the impact of session timeouts.&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes about the tutorials and documentation I plan to create to help new MediaWiki users minimize the impact of session timeouts.&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Wiki_Content_evolution&amp;diff=46</id>
		<title>Wiki Content evolution</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Wiki_Content_evolution&amp;diff=46"/>
		<updated>2026-09-11T01:12:40Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes on the tutorial video I will make to discuss wiki content evolution.&lt;br /&gt;
&lt;br /&gt;
Use the demo site as an example.  Delete a few pages and recreate them.&lt;br /&gt;
&lt;br /&gt;
* You might think - should I use a plural; remember - no one can see this except you.  Little &amp;quot;deviations from the standard&amp;quot; give it character.&lt;br /&gt;
&lt;br /&gt;
* Mention how Travel Loyalty Programs exists under Personal and Vacations.&lt;br /&gt;
* Creating inter-page links is like neurons in your brain creating connections&lt;br /&gt;
* I should use Vacation Planning as the example.  From a bulleted list to Headings and multiple lists, to multiple pages&lt;br /&gt;
** First list&lt;br /&gt;
*** Vacation Planning Checklist&lt;br /&gt;
*** Sample Trip Plan&lt;br /&gt;
*** Upcoming Trips&lt;br /&gt;
*** Journals From Past Trips&lt;br /&gt;
*** Vacation Photography&lt;br /&gt;
** Then the single outline grows and is divided by headers - I use the rule an outline can be max of one page length.  I never want to have to scroll through an outline.  If it can&#039;t fit on one page, then segment it by headers or into multiple pages.  And like most rules, I have allowed exceptions from time to time... but no one will ever see this but me, so I can break my own rules whenever I want.&lt;br /&gt;
** Guideline:&lt;br /&gt;
*** Don&#039;t make a header for just one bulleted list&lt;br /&gt;
*** Every bulleted list should have a paragraph above it describing the scope of the list - it could be one short, but complete sentence. &lt;br /&gt;
*** Every item in a bulleted list should use consistent sentence structure and punctuation&lt;br /&gt;
*** Make them MESE&lt;br /&gt;
*** If an item in the list &amp;quot;feels like it doesn&#039;t belong&amp;quot;, it probably doesn&#039;t - make a new list or write a paragraph about it.&lt;br /&gt;
*** I wonder if we can integrate with Grammarly so that &amp;quot;Scratch Notes&amp;quot; get limited spell check&lt;br /&gt;
* Show my browser with 5 different tabs open of different wiki pages (at least two being edited), three ChatGPT sessions&lt;br /&gt;
* After using it for a few years, I now find myself much more likely to create a new page instead of a new header on an existing page.  If I have enough to write about it to necessitate a header, then it won&#039;t be too long before it will need its own page.  And you do have to manually create all of the inter-page links, and that can be a bit tedious, but with each one I create, I feel a sense of accomplishment because I know each new link will help me navigate my web more easily.&lt;br /&gt;
* In the video, choose an example page, click history and look at the edits.  Review my pages with the most edits.  Show a screenshot from history of a page on this date and next and next and flip throught them 1 second each in the video.&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Wiki_Use_Habits&amp;diff=45</id>
		<title>Wiki Use Habits</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Wiki_Use_Habits&amp;diff=45"/>
		<updated>2026-09-04T22:59:25Z</updated>

		<summary type="html">&lt;p&gt;Matt: Created page with &amp;quot;This page contains a list of recommended habits to maintain while using your wiki.  * Follow the page title naming convention guidelines * Unless you already have something else in mind, start with: This page contains notes about... * Optionally add additional scope information to first paragraph. * Immediately create the first title - and that might be Notes about &amp;lt;page_title&amp;gt;&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains a list of recommended habits to maintain while using your wiki.&lt;br /&gt;
&lt;br /&gt;
* Follow the page title naming convention guidelines&lt;br /&gt;
* Unless you already have something else in mind, start with: This page contains notes about...&lt;br /&gt;
* Optionally add additional scope information to first paragraph.&lt;br /&gt;
* Immediately create the first title - and that might be Notes about &amp;lt;page_title&amp;gt;&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Main_Page&amp;diff=44</id>
		<title>Main Page</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Main_Page&amp;diff=44"/>
		<updated>2026-09-04T22:50:58Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* Advanced Topics */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Welcome to the central tutorial site for GoalStriving wikis. Content here is updated over time; every wiki on the farm links here from the sidebar under &#039;&#039;&#039;Help &amp;amp; tutorials&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
=== Getting started ===&lt;br /&gt;
These tutorials provide the basics to start using your wiki.&lt;br /&gt;
&lt;br /&gt;
* [[Wiki text formatting examples|Text formatting examples]]&lt;br /&gt;
* [[Naming convensions|Naming conventions]]&lt;br /&gt;
&lt;br /&gt;
* [[Creating and editing wiki pages|Creating and editing pages]]&lt;br /&gt;
* [[Adding links to wiki pages|Adding links]]&lt;br /&gt;
* [[Adding tooltips]]&lt;br /&gt;
* [[Adding images and videos to wiki pages|Adding images and videos]]&lt;br /&gt;
* [[Configure font color and highlights]]&lt;br /&gt;
* [[Adding PDF files to wiki pages|Adding PDF files]]&lt;br /&gt;
* [[Wiki session timeouts and URLs|Session timeouts and URLs]]&lt;br /&gt;
* [[Managing Other Files]]&lt;br /&gt;
&lt;br /&gt;
=== Advanced Topics ===&lt;br /&gt;
These tutorials will help you use your wiki effectively and efficiently.&lt;br /&gt;
&lt;br /&gt;
* [[Wiki Use Habits]] - master these guidelines, and your wikis will always be well-organized&lt;br /&gt;
* [[Creating wiki page hierarchies|Creating hierarchies]]&lt;br /&gt;
* [[Wiki Content evolution|Content evolution]]&lt;br /&gt;
* [https://workingwithmediawiki.com/ Working with MediaWiki]: written by Yaron Koren; updated in 2026.&lt;br /&gt;
&lt;br /&gt;
=== Need more help? ===&lt;br /&gt;
Visit [https://goalstriving.org goalstriving.org] or join the monthly community call (first Tuesday, 8 PM EST).&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Configure_font_color_and_highlights&amp;diff=32</id>
		<title>Configure font color and highlights</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Configure_font_color_and_highlights&amp;diff=32"/>
		<updated>2026-09-04T02:18:54Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes about how to modify the &amp;lt;span style=&amp;quot;color:Orange&amp;quot;&amp;gt;color&amp;lt;/span&amp;gt; of &amp;lt;span style=&amp;quot;color:DarkGreen&amp;quot;&amp;gt;text&amp;lt;/span&amp;gt; on &amp;lt;span style=&amp;quot;color:Purple&amp;quot;&amp;gt;wiki&amp;lt;/span&amp;gt; pages.  This cannot be done in the VisualEditor - you must click &amp;lt;span style=&amp;quot;color:Blue&amp;quot;&amp;gt;Edit source&amp;lt;/span&amp;gt;.&lt;br /&gt;
&lt;br /&gt;
Templates&lt;br /&gt;
&lt;br /&gt;
Two templates were created in every goalstriving.org wiki.&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Configure_font_color_and_highlights&amp;diff=31</id>
		<title>Configure font color and highlights</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Configure_font_color_and_highlights&amp;diff=31"/>
		<updated>2026-09-04T02:10:49Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes about how to modify the &amp;lt;span style=&amp;quot;color:Orange&amp;quot;&amp;gt;color&amp;lt;/span&amp;gt; of &amp;lt;span style=&amp;quot;color:DarkGreen&amp;quot;&amp;gt;text&amp;lt;/span&amp;gt; on &amp;lt;span style=&amp;quot;color:Purple&amp;quot;&amp;gt;wiki&amp;lt;/span&amp;gt; pages.  This cannot be done in the VisualEditor - you must click &amp;lt;span style=&amp;quot;color:Blue&amp;quot;&amp;gt;Edit source&amp;lt;/span&amp;gt;.&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Configure_font_color_and_highlights&amp;diff=30</id>
		<title>Configure font color and highlights</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Configure_font_color_and_highlights&amp;diff=30"/>
		<updated>2026-09-04T02:09:15Z</updated>

		<summary type="html">&lt;p&gt;Matt: Created page with &amp;quot;This page contains notes about how to modify the color of text on wiki pages.  This cannot be done in the VisualEditor - you must click Edit source.&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains notes about how to modify the color of text on wiki pages.  This cannot be done in the VisualEditor - you must click Edit source.&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Main_Page&amp;diff=29</id>
		<title>Main Page</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Main_Page&amp;diff=29"/>
		<updated>2026-09-04T02:08:29Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* Getting started */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Welcome to the central tutorial site for GoalStriving wikis. Content here is updated over time; every wiki on the farm links here from the sidebar under &#039;&#039;&#039;Help &amp;amp; tutorials&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
=== Getting started ===&lt;br /&gt;
These tutorials provide the basics to start using your wiki.&lt;br /&gt;
&lt;br /&gt;
* [[Wiki text formatting examples|Text formatting examples]]&lt;br /&gt;
* [[Naming convensions]]&lt;br /&gt;
&lt;br /&gt;
* [[Creating and editing wiki pages|Creating and editing pages]]&lt;br /&gt;
* [[Adding links to wiki pages|Adding links]]&lt;br /&gt;
* [[Adding tooltips]]&lt;br /&gt;
* [[Adding images and videos to wiki pages|Adding images and videos]]&lt;br /&gt;
* [[Modifying text color]]&lt;br /&gt;
* [[Adding PDF files to wiki pages|Adding PDF files]]&lt;br /&gt;
* [[Wiki session timeouts and URLs|Session timeouts and URLs]]&lt;br /&gt;
* [[Managing Other Files]]&lt;br /&gt;
&lt;br /&gt;
=== Advanced Topics ===&lt;br /&gt;
These tutorials will help you use your wiki effectively and efficiently.&lt;br /&gt;
&lt;br /&gt;
* [[Creating wiki page hierarchies|Creating hierarchies]]&lt;br /&gt;
* [[Wiki Content evolution|Content evolution]]&lt;br /&gt;
* [https://workingwithmediawiki.com/ Working with MediaWiki]: written by Yaron Koren; updated in 2026.&lt;br /&gt;
&lt;br /&gt;
=== Need more help? ===&lt;br /&gt;
Visit [https://goalstriving.org goalstriving.org] or join the monthly community call (first Tuesday, 8 PM EST).&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=28</id>
		<title>Adding tooltips</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=28"/>
		<updated>2026-09-04T02:07:06Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains instructions for adding {{Tooltip|tooltips|This is a tooltip.}} on wiki pages. ===Tooltip template===&lt;br /&gt;
Every wiki in goalstriving.org should have this template already created, but in case you need to manually create it:&lt;br /&gt;
 * &amp;lt;code&amp;gt;index.php?title=Template:Tooltip&amp;lt;/code&amp;gt;&lt;br /&gt;
 * &amp;lt;code&amp;gt;Template:Tooltip&amp;lt;/code&amp;gt;&lt;br /&gt;
Click the link to create the page, enter this and click Save:&lt;br /&gt;
&amp;lt;code&amp;gt;&amp;lt;span title=&amp;quot;{{{2}}}&amp;quot;&amp;gt;{{{1}}}&amp;lt;/span&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
===Creating tooltips===&lt;br /&gt;
Eventually, you will be able to create tooltips in the visual editor, but for now, you must click &amp;lt;span style=&amp;quot;color:Blue&amp;quot;&amp;gt;Edit source&amp;lt;/span&amp;gt;.&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=27</id>
		<title>Adding tooltips</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=27"/>
		<updated>2026-09-04T01:58:16Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains instructions for adding tooltips on wiki pages. {{Tooltip|Area|An ongoing responsibility, activity, or something you intentionally maintain or develop over time.}}&lt;br /&gt;
Tooltip template&lt;br /&gt;
For each wiki, go to either:&lt;br /&gt;
 * &amp;lt;code&amp;gt;index.php?title=Template:Tooltip&amp;lt;/code&amp;gt;&lt;br /&gt;
 * &amp;lt;code&amp;gt;Template:Tooltip&amp;lt;/code&amp;gt;&lt;br /&gt;
Click the link to create the page, enter this and click Save:&lt;br /&gt;
&amp;lt;code&amp;gt;&amp;lt;span title=&amp;quot;{{{2}}}&amp;quot;&amp;gt;{{{1}}}&amp;lt;/span&amp;gt;&amp;lt;/code&amp;gt;&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=26</id>
		<title>Adding tooltips</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=26"/>
		<updated>2026-09-04T01:53:57Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains instructions for adding tooltips on wiki pages. {{Tooltip|Area|An ongoing responsibility, \n&lt;br /&gt;
activity, &lt;br /&gt;
or something you intentionally maintain or develop over time.}}&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=25</id>
		<title>Adding tooltips</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=25"/>
		<updated>2026-09-04T01:53:43Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains instructions for adding tooltips on wiki pages. {{Tooltip|Area|An ongoing responsibility, \r&lt;br /&gt;
activity, &lt;br /&gt;
or something you intentionally maintain or develop over time.}}&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=24</id>
		<title>Adding tooltips</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=24"/>
		<updated>2026-09-04T01:53:13Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains instructions for adding tooltips on wiki pages. {{Tooltip|Area|An ongoing responsibility, &lt;br /&gt;
activity, &lt;br /&gt;
or something you intentionally maintain or develop over time.}}&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Template:Tooltip&amp;diff=23</id>
		<title>Template:Tooltip</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Template:Tooltip&amp;diff=23"/>
		<updated>2026-09-04T01:38:27Z</updated>

		<summary type="html">&lt;p&gt;Matt: Created page with &amp;quot;&amp;lt;span title=&amp;quot;{{{2}}}&amp;quot;&amp;gt;{{{1}}}&amp;lt;/span&amp;gt;&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;span title=&amp;quot;{{{2}}}&amp;quot;&amp;gt;{{{1}}}&amp;lt;/span&amp;gt;&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=22</id>
		<title>Adding tooltips</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=22"/>
		<updated>2026-09-04T01:37:16Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains instructions for adding tooltips on wiki pages. {{Tooltip|Area|An ongoing responsibility, activity, or something you intentionally maintain or develop over time.}}&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=21</id>
		<title>Adding tooltips</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Adding_tooltips&amp;diff=21"/>
		<updated>2026-09-04T01:36:23Z</updated>

		<summary type="html">&lt;p&gt;Matt: Created page with &amp;quot;This page contains instructions for adding tooltips on wiki pages.&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains instructions for adding tooltips on wiki pages.&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Main_Page&amp;diff=20</id>
		<title>Main Page</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Main_Page&amp;diff=20"/>
		<updated>2026-09-04T01:34:56Z</updated>

		<summary type="html">&lt;p&gt;Matt: /* Getting started */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Welcome to the central tutorial site for GoalStriving wikis. Content here is updated over time; every wiki on the farm links here from the sidebar under &#039;&#039;&#039;Help &amp;amp; tutorials&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
=== Getting started ===&lt;br /&gt;
These tutorials provide the basics to start using your wiki.&lt;br /&gt;
&lt;br /&gt;
* [[Wiki text formatting examples|Text formatting examples]]&lt;br /&gt;
* [[Naming convensions]]&lt;br /&gt;
&lt;br /&gt;
* [[Creating and editing wiki pages|Creating and editing pages]]&lt;br /&gt;
* [[Adding links to wiki pages|Adding links]]&lt;br /&gt;
* [[Adding tooltips]]&lt;br /&gt;
* [[Adding images and videos to wiki pages|Adding images and videos]]&lt;br /&gt;
* [[Adding PDF files to wiki pages|Adding PDF files]]&lt;br /&gt;
* [[Wiki session timeouts and URLs|Session timeouts and URLs]]&lt;br /&gt;
* [[Managing Other Files]]&lt;br /&gt;
&lt;br /&gt;
=== Advanced Topics ===&lt;br /&gt;
These tutorials will help you use your wiki effectively and efficiently.&lt;br /&gt;
&lt;br /&gt;
* [[Creating wiki page hierarchies|Creating hierarchies]]&lt;br /&gt;
* [[Wiki Content evolution|Content evolution]]&lt;br /&gt;
* [https://workingwithmediawiki.com/ Working with MediaWiki]: written by Yaron Koren; updated in 2026.&lt;br /&gt;
&lt;br /&gt;
=== Need more help? ===&lt;br /&gt;
Visit [https://goalstriving.org goalstriving.org] or join the monthly community call (first Tuesday, 8 PM EST).&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Main_Page&amp;diff=19</id>
		<title>Main Page</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Main_Page&amp;diff=19"/>
		<updated>2026-09-04T01:33:16Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Welcome to the central tutorial site for GoalStriving wikis. Content here is updated over time; every wiki on the farm links here from the sidebar under &#039;&#039;&#039;Help &amp;amp; tutorials&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
=== Getting started ===&lt;br /&gt;
These tutorials provide the basics to start using your wiki.&lt;br /&gt;
&lt;br /&gt;
* [[Wiki text formatting examples|Text formatting examples]]&lt;br /&gt;
* [[Naming convensions]]&lt;br /&gt;
&lt;br /&gt;
* [[Creating and editing wiki pages|Creating and editing pages]]&lt;br /&gt;
* [[Adding links to wiki pages|Adding links]]&lt;br /&gt;
* Adding tooltips&lt;br /&gt;
* [[Adding images and videos to wiki pages|Adding images and videos]]&lt;br /&gt;
* [[Adding PDF files to wiki pages|Adding PDF files]]&lt;br /&gt;
* [[Wiki session timeouts and URLs|Session timeouts and URLs]]&lt;br /&gt;
* [[Managing Other Files]]&lt;br /&gt;
&lt;br /&gt;
=== Advanced Topics ===&lt;br /&gt;
These tutorials will help you use your wiki effectively and efficiently.&lt;br /&gt;
&lt;br /&gt;
* [[Creating wiki page hierarchies|Creating hierarchies]]&lt;br /&gt;
* [[Wiki Content evolution|Content evolution]]&lt;br /&gt;
* [https://workingwithmediawiki.com/ Working with MediaWiki]: written by Yaron Koren; updated in 2026.&lt;br /&gt;
&lt;br /&gt;
=== Need more help? ===&lt;br /&gt;
Visit [https://goalstriving.org goalstriving.org] or join the monthly community call (first Tuesday, 8 PM EST).&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
	<entry>
		<id>https://tutorial.goalstriving.org/index.php?title=Naming_convensions&amp;diff=18</id>
		<title>Naming convensions</title>
		<link rel="alternate" type="text/html" href="https://tutorial.goalstriving.org/index.php?title=Naming_convensions&amp;diff=18"/>
		<updated>2026-09-02T13:56:11Z</updated>

		<summary type="html">&lt;p&gt;Matt: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This page contains guidelines for naming page titles and section headers throughout your wiki.&lt;br /&gt;
&lt;br /&gt;
* Do not add My unless it adds value&lt;br /&gt;
* Do not add a category (such as High school) to the page title name, unless it would be too ambiguous without it&lt;br /&gt;
** Do not create a page called Schedule &amp;gt; instead create High school schedule&lt;br /&gt;
* Decide on a naming convention for classes&lt;br /&gt;
** English 11, English 12&lt;br /&gt;
** Algebra I, Algebra II&lt;br /&gt;
** World history, U.S. histoy&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Add only enough context to make a page title unambiguous.&#039;&#039;&#039; Generic pages that could have equivalents elsewhere in the wiki should include their context, such as &amp;lt;code&amp;gt;High school schedule&amp;lt;/code&amp;gt; rather than &amp;lt;code&amp;gt;Schedule&amp;lt;/code&amp;gt;. Pages with naturally distinctive names, such as &amp;lt;code&amp;gt;Biology&amp;lt;/code&amp;gt; or &amp;lt;code&amp;gt;Algebra II&amp;lt;/code&amp;gt;, generally do not need a &amp;lt;code&amp;gt;High school&amp;lt;/code&amp;gt; prefix. Add grade, semester, or academic year only when needed to distinguish multiple pages. Prefer readable names such as &amp;lt;code&amp;gt;Grade 11 schedule — Spring 2027&amp;lt;/code&amp;gt; over abbreviations such as &amp;lt;code&amp;gt;G11S2&amp;lt;/code&amp;gt;.&lt;/div&gt;</summary>
		<author><name>Matt</name></author>
	</entry>
</feed>