Collapsible Elements - Mediawiki - Revision history

Greenea at 21:58, 23 September 2024

2024-09-23T21:58:45Z

SubstBot: subst applied to Template:TwoColumn

2017-08-15T00:01:00Z

subst applied to Template:TwoColumn

Carpenti at 19:56, 15 November 2016

2016-11-15T19:56:20Z

Greenea at 21:08, 25 June 2013

2013-06-25T21:08:56Z

Greenea at 21:08, 25 June 2013

2013-06-25T21:08:33Z

Greenea: /* Image toggle using template */

2013-06-25T20:48:11Z

‎Image toggle using template

Greenea at 20:47, 25 June 2013

2013-06-25T20:47:39Z

Greenea at 18:50, 25 June 2013

2013-06-25T18:50:33Z

Greenea at 18:40, 25 June 2013

2013-06-25T18:40:57Z

Greenea at 18:34, 25 June 2013

2013-06-25T18:34:10Z

@@ Line 97: / Line 97: @@
 <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myToggle1">
 <div class="toccolours mw-collapsible-content">{{Lorem}}</div>
 </div>

@@ Line 1: / Line 1: @@
-{{TwoColumn|lead=
 Examples of collapsable templates.
-|content=
+</div>
 ===Examples===
 ====Image toggle using Collapsible/Collapsed templates====
@@ Line 93: / Line 98: @@
 <div class="toccolours mw-collapsible-content">{{Lorem}}</div>
 </div>
-|sidebar=
 {{Mediawiki Help}}
 {{GetHelp}}
-}}
 [[category:Mediawiki]]
 __NOTOC__
 __NOEDITSECTION__

@@ Line 1: / Line 1: @@
 ===Examples===
 ====Image toggle using Collapsible/Collapsed templates====
@@ Line 90: / Line 93: @@
 <div class="toccolours mw-collapsible-content">{{Lorem}}</div>
 </div>
 [[category:Mediawiki]]
 __NOTOC__
 __NOEDITSECTION__

← Older revision		Revision as of 21:08, 25 June 2013
Line 91:		Line 91:
	</div>		</div>
	[[category:Mediawiki]]		[[category:Mediawiki]]
		+	__NOTOC__
		+	__NOEDITSECTION__

@@ Line 1: / Line 1: @@
-__NOTOC__
+===Examples===
-====Examples====
+====Image toggle using Collapsible/Collapsed templates====
-<pre><div class="mw-collapsible mw-collapsed">
+=====Start state is expanded=====
-This text is not collapsible; but the next is collapsible and hidden by default:
+<pre>
-<div class="mw-collapsible-content">{{Lorem}}</div>
+{{Collapsible|Your collapsible content goes here}}
-</div>
 </pre>
 <pre>
-<div class="mw-collapsible" data-expandtext="show more" data-collapsetext="hide me">
+{{Collapsible|More of your collapsible content goes here
-This text is not collapsible; but the next is collapsible and hidden by default:
+*it can even
-<div class="mw-collapsible-content">{{Lorem}}</div>
+*have a
-</div>
+*bulleted list
 </pre>
+=====Start state is collapsed=====
-<div class="mw-collapsible mw-collapsed" data-expandtext="show more" data-collapsetext="hide me">
-This text is not collapsible; but the next is collapsible and hidden by default:
-<div class="mw-collapsible-content">{{Lorem}}</div>
-</div>
-−
-=====Toggle outside of collapsible element=====
 <pre>
-<div class="mw-customtoggle-myToggle1" style="cursor:pointer; color:blue">[+/-] Click here to toggle</div>
+{{Collapsed|My collapsed content goes here}}
-<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myToggle1">
-<div class="toccolours mw-collapsible-content">{{Lorem}}</div>
-</div>
 </pre>
-<div class="mw-customtoggle-myToggle1" style="cursor:pointer; color:blue">[+/-]Clicking here will toggle</div>
+{{Collapsed|My collapsed content goes here}}
-<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myToggle1">
-<div class="toccolours mw-collapsible-content">{{Lorem}}</div>
-</div>
 =====Toggle using image=====
 <pre>
 <div class="collapse-pre-one mw-collapsible">
@@ Line 63: / Line 52: @@
 </div>
-=====Image toggle using template=====
+====Default collapsible elements====
-'''Start state is expanded'''
+<pre><div class="mw-collapsible mw-collapsed">
-<pre>
+This text is not collapsible; but the next is collapsible and hidden by default:
-{{Collapsible|Your collapsible content goes here}}
+<div class="mw-collapsible-content">{{Lorem}}</div>
 </pre>
-<pre>
+<div class="mw-collapsible mw-collapsed">
-{{Collapsible|More of your collapsible content goes here
+This text is not collapsible; but the next is collapsible and hidden by default:
-*it can even
+<div class="mw-collapsible-content">{{Lorem}}</div>
-*have a
+</div>
-*bulleted list
 }}
-</pre>
-{{Collapsible|More of your collapsible content goes here
-*it can even
-*have a
-*bulleted list
-}}
-====Additional Notes:====
+=====Customize toggle text=====
-*Not an extension but a built into core. See http://www.mediawiki.org/wiki/ResourceLoader/Default_modules#jquery.makeCollapsible
-*'''Default toggle text''' reside at: [[Mediawiki:collapsible-expand]] and [[Mediawiki:collapsible-collapse]]
-*[http://test.wikipedia.org/wiki/User:Krinkle/CollapsingTestpageMw More examples of collapsible text].
-*The image toggle is working in conjunction with the following theme CSS:
 <pre>
-.collapse-pre-one .mw-collapsible-toggle .up, .collapse-pre-one.mw-collapsed .mw-collapsible-toggle .down {
+<div class="mw-collapsible" data-expandtext="show more" data-collapsetext="hide me">
-    display: none;
+This text is not collapsible; but the next is collapsible and hidden by default:
+<div class="mw-collapsible-content">{{Lorem}}</div>
-.collapse-pre-one .mw-collapsible-toggle .down, .collapse-pre-one.mw-collapsed .mw-collapsible-toggle .up {
+</div>
-    display: block;
-    margin-right:.5em;
-−
 </pre>
-[[Category:Mediawiki]]
+=====Toggle outside of collapsible element=====

← Older revision		Revision as of 18:40, 25 June 2013
Line 1:		Line 1:
		+	__NOTOC__
	====Examples====		====Examples====
	<pre><div class="mw-collapsible mw-collapsed">		<pre><div class="mw-collapsible mw-collapsed">