Jump to content

Template:Show: Difference between revisions

From Insurer Brain
Content deleted Content added
No edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><{{#ifeq:{{{inline|}}}|yes|span|div}} class="mw-collapsible {{#ifeq:{{lc:{{{state|collapsed}}}}}|expanded||mw-collapsed}}"
<includeonly><div class="mw-collapsible {{#ifeq:{{lc:{{{state|collapsed}}}}}|expanded||mw-collapsed}}"
data-expandtext="{{{expandtext|more ▾}}}"
data-expandtext="{{{expandtext|more ▾}}}"
data-collapsetext="{{{collapsetext|less ▴}}}"
data-collapsetext="{{{collapsetext|less ▴}}}"
style="{{{style|}}}">
style="{{#ifeq:{{{inline|}}}|yes|display:inline;}}{{#ifeq:{{{compact|}}}|yes|display:inline-block;}} {{{style|}}}">
<{{#ifeq:{{{inline|}}}|yes|span|div}} class="mw-collapsible-content" style="{{#ifeq:{{{inline|}}}|yes|display:inline;}}">
<div class="mw-collapsible-content">
{{{text|}}}</{{#ifeq:{{{inline|}}}|yes|span|div}}>
{{{text|}}}
</div>
</{{#ifeq:{{{inline|}}}|yes|span|div}}></includeonly><noinclude>
</div></includeonly><noinclude>
== Usage ==
== Usage ==
A simple collapsible block for hiding/showing content.
Standard block usage (floats toggle to the right):

<pre>
<pre>
{{show
{{show
|text=The primary driver for the acquisition was the target's proprietary AI technology.
|text=The primary driver for the acquisition was the target's proprietary AI technology.
}}
</pre>

== Compact Usage (New) ==
This puts the "more" link directly next to the text:
<pre>
{{show
|compact=yes
|text=This text is short and the button stays close.
}}
}}
</pre>
</pre>
Line 31: Line 24:
|text=John Doe has been the CEO since 2010...
|text=John Doe has been the CEO since 2010...
}}
}}
</pre>

== Inline Usage ==
To use within a sentence:
<pre>
The company reported a record revenue {{show|inline=yes|text=of $1.2B in Q4 2025.|expandtext=(more)}}
</pre>
</pre>


Line 43: Line 30:
* '''expandtext''': The text for the "show" link (Defaults to "more ▾").
* '''expandtext''': The text for the "show" link (Defaults to "more ▾").
* '''collapsetext''': The text for the "hide" link (Defaults to "less ▴").
* '''collapsetext''': The text for the "hide" link (Defaults to "less ▴").
* '''inline''': Set to "yes" to use span tags (stays on the same line).
* '''compact''': Set to "yes" to keep the toggle link next to the text instead of right-aligned.
* '''state''': Set to "expanded" to have the text visible on page load.
* '''state''': Set to "expanded" to have the text visible on page load.
* '''style''': Pass additional CSS styles directly.
* '''style''': Pass additional CSS styles directly to the container.

[[Category:Generic templates]]
</noinclude>
</noinclude>

Latest revision as of 17:51, 21 December 2025

Usage

A simple collapsible block for hiding/showing content.

{{show
|text=The primary driver for the acquisition was the target's proprietary AI technology.
}}

Custom Labels

To change the "more" and "less" buttons:

{{show
|expandtext=Read Bio
|collapsetext=Close
|text=John Doe has been the CEO since 2010...
}}

Parameters

  • text: The content to be hidden/shown.
  • expandtext: The text for the "show" link (Defaults to "more ▾").
  • collapsetext: The text for the "hide" link (Defaults to "less ▴").
  • state: Set to "expanded" to have the text visible on page load.
  • style: Pass additional CSS styles directly to the container.