At the moment, FandomMobile does not support mobile JS, but as soon as this happens, the tabber will immediately work on mobile devices. In the meantime, it works fine on the PC.

Installation

It is highly recommended to install both the CSS and JS since JavaScript takes 1 second to load after opening a page. Installing the CSS will pre-load the style first.

JS installation

CSS installation

Usage

Use this code to get tabber with 3 tabs. First tab is opened after opening the page.

<div class="tabs">
<ul class="tabs__caption">
	<li class="active">Tab 1</li>
	<li>Tab 2</li>
	<li>Tab 3</li>
</ul>
<div class="tabs__content active">Text 1</div>
<div class="tabs__content">Text 2</div>
<div class="tabs__content">Text 3</div>
</div>

Use class="tabs vertical" instead of class="tabs" to get a vertical tabber.

Features

• Modern tabber in WDS style.
• Tabber works well on mobile devices (tested on personal JS, that is available now).
• Tabs can be edited in Visual Editor.

See also

Changelog