From Dark and Darker Wiki

(Moved the example here, made it inline block)
(testing)
(3 intermediate revisions by 2 users not shown)
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|None|[[File:Round_Shield_1.png|link=|x150px]]}}
{{TabToggle|Weaponsmith|[[File:Weaponsmith.png|link=|x150px]]|tabid=0}}
{{TabToggle|Alchemist|[[File:Alchemist.png|link=|x150px]]|active=yes}}
{{TabToggle|The Collector|[[File:The Collector.png|link=|x150px]]|tabid=0}}
{{TabToggle|Weaponsmith|[[File:Weaponsmith.png|link=|x150px]]}}
<div class="Alchemist-data">This is test</div>
{{TabToggle|The Collector|[[File:The Collector.png|link=|x150px]]}}
<div class="None-data"> </div>
<div class="Alchemist-data" style="display:none">This is test1</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 16:31, 19 July 2024

Round Shield 1.png
Alchemist.png
Weaponsmith.png
The Collector.png

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

Alchemist
Weaponsmith
Leathersmith
This is text1