From Dark and Darker Wiki

(Moved the example here, made it inline block)
(tabid has default value of 0 now)
Line 1: Line 1:
<includeonly><div style="display:inline-block" class="{{#ifeq:{{{active|}}}|yes|selected-tab}} tab-toggle tab" data-tabid="{{{tabid}}}" data-tab="{{#replace:{{{1}}}| |}}" title="{{{1}}}">{{{2|}}}</div><!--
<includeonly><div style="display:inline-block" class="{{#ifeq:{{{active|}}}|yes|selected-tab}} tab-toggle tab" data-tabid="{{{tabid|0}}}" data-tab="{{#replace:{{{1}}}| |}}" title="{{{1}}}">{{{2|}}}</div><!--


--></includeonly><noinclude>
--></includeonly><noinclude>
{{TabToggle|Alchemist|[[File:Alchemist.png|link=|x150px]]|active=yes|tabid=0}}
{{TabToggle|Alchemist|[[File:Alchemist.png|link=|x150px]]|active=yes}}
{{TabToggle|Weaponsmith|[[File:Weaponsmith.png|link=|x150px]]|tabid=0}}
{{TabToggle|Weaponsmith|[[File:Weaponsmith.png|link=|x150px]]}}
{{TabToggle|The Collector|[[File:The Collector.png|link=|x150px]]|tabid=0}}
{{TabToggle|The Collector|[[File:The Collector.png|link=|x150px]]}}
<div class="Alchemist-data">This is test</div>
<div class="Alchemist-data">This is test</div>
<div class="Weaponsmith-data" style="display:none">This is test2</div>
<div class="Weaponsmith-data" style="display:none">This is test2</div>
<div class="TheCollector-data" style="display:none">This is test3</div>
<div class="TheCollector-data" style="display:none">This is test3</div>


If there is another tabs in the same page give them different "tabid", default is 0.


{{TabToggle|Alchemist1|Alchemist|active=yes|tabid=1}}
{{TabToggle|Alchemist1|Alchemist|active=yes|tabid=1}}

Revision as of 23:45, 1 December 2023

Alchemist.png
Weaponsmith.png
The Collector.png
This is test

If there is another tabs in the same page give them different "tabid", default is 0.

Alchemist
Weaponsmith
Leathersmith
This is text1