Selector is a script that allows to create analog of tabber with custom buttons and content display that appears when a button is triggered. This script supports either a "on_click" function (CSS class cc-[number]) or a "on_hover" function (CSS class hh-[number]).
Installation
- 1. Import the script
- 2. Import the CSS
- 3. Insert wikitext
<div class="hh-1 sy">Your button</div> <!-- active select button, triggered on hover -->
<div class="hh-2 sn">Your button</div> <!-- normal button, triggered on hover -->
<div class="cc-3 sn">Your button</div> <!-- normal button, triggered on click -->
<div class="zz-1">Your content 1</div> <!-- first tab (by default) -->
<div class="zz-2" style="display: none;">Your content 2</div> <!-- second tab -->
<div class="zz-3" style="display: none;">Your content 3</div> <!-- third tab -->
Number in class corresponds to button and tab that it shows when triggered.
P.S. In the future support is expected for selection of display (when active or hover).
Text above can be found here (edit)