Extension:ShowMe

File:Wikiteq - logo.png

<translate> This extension is professionally maintained by the WikiTeq team.</translate>

<translate> WikiTeq provides official support for [[<tvar name=1>Special:MyLanguage/Version lifecycle</tvar>|MediaWiki LTS releases only]].</translate> <translate> It may work with other MediaWiki releases.</translate>

MediaWiki extensions manual

File:OOjs UI icon advanced-invert.svg ShowMe Release status: stable
File:Screenshot of ShowMe extension.png
Implementation	Tag
Description	Shows or hides selected elements on the page
Author(s)	Ike Hecht (tosfostalk)
Maintainer(s)	WikiTeq team
Latest version	0.2.0 (11 July 2021)
Compatibility policy	For every MediaWiki release that is a Long Term Support release there is a corresponding branch in the extension.
MediaWiki	1.35, 1.39
Database changes	No
License	GNU General Public License 2.0 or later
Download	<translate> Download extension</translate> <translate> Git</translate> [?]: <translate> Download Git master</translate> <translate> browse repository</translate> (GitHub) <translate> commit history</translate> <translate> repository contributors (GitHub)</translate> <translate> code review</translate> README
Hooks used ParserFirstCallInit
Quarterly downloads
Public wikis using
Translate the ShowMe extension if it is available at translatewiki.net
Issues	Open tasks · Report a bug

The ShowMe extension allows inserting a drop down or unordered list into pages, that will show different elements on the page depending on which option is selected.

This extension was created for WikiWorks.

Installation

• <translate> [[<tvar name=2>Special:ExtensionDistributor/ShowMe</tvar>|Download]] and move the extracted <tvar name=name>ShowMe</tvar> folder to your <tvar name=ext>extensions/</tvar> directory.</translate>
  <translate> Developers and code contributors should install the extension [[<tvar name=git>Special:MyLanguage/Download from Git</tvar>|from Git]] instead, using:</translate>cd extensions/
git clone https://gerrit.wikimedia.org/r/mediawiki/extensions/ShowMe
• <translate> Add the following code at the bottom of your <tvar name=1>LocalSettings.php </tvar> file:</translate>

  wfLoadExtension( 'ShowMe' );
  

• File:OOjs UI icon check-constructive.svg <translate> Done</translate> – <translate> Navigate to <tvar name=special>Special:Version</tvar> on your wiki to verify that the extension is successfully installed.</translate>

Usage

Use the <showme> tag. It has an optional name parameter, which can set the name and id of the <select> element. Each line between the tags should contain an option. It must consist of the text to be shown, followed by a pipe, followed by the class name of an element (or elements) on the page which should be shown when this option is selected. While one option is selected, the elements corresponding to all other options become hidden. To avoid flashing of elements that are supposed to be hidden, you can optionally add style="display: none;" to every option other than the first.

Examples

Dropdown

<showme type="dropdown">
Text for Option 1|opt-1
And another option|opt-2
</showme>
<div class="opt-1">
Some text shown when clicking the first option.
</div>
<div class="opt-2" style="display: none;">
Here goes the text shown for the second option.
</div>

Unordered list

<showme type="ul">
Text for Option 1|opt-1
And another option|opt-2
</showme>
<div class="opt-1">
Some text shown when clicking the first option.
</div>
<div class="opt-2" style="display: none;">
Here goes the text shown for the second option.
</div>

Gallery

• Screenshot of ShowMe extension.png

  Screenshot of extension with first option selected

• Screenshot of ShowMe extension 2.png

  Screenshot of this extension with second option selected