User:Aardvark: Difference between revisions

Revision as of 16:16, 19 July 2020

       Kanji
       English

       RE
       LE
       DX

I'm a thing!

これわ日本語

I'm a thing!

@@ Line 1: / Line 1: @@
-<p><span class="language-button jp" id="jp-button">Kanji</span></p>
+<div class="tab-container">
+    <div class="tab-subcontainer" id="language-subcontainer">
-<p><span class="language-button en" id="en-button">English</span></p>
+        <span class="language-button jp" id="jp-button">Kanji</span>
+        <span class="language-button en" id="en-button">English</span>
+    </div>
+    <div class="tab-subcontainer" id="edition-subcontainer">
+        <span class="edition-button re" id="re-button">RE</span>
+        <span class="edition-button le" id="le-button">LE</span>
+        <span class="edition-button dx" id="dx-button">DX</span>
+    </div>
+</div>
 <div class="language-target en-content">I'm a thing!</div>
 <div class="language-target jp-content">これわ日本語</div>
-<p><span class="edition-button re" id="re-button">RE</span></p>
 <div class="edition-target re-content">I'm a thing!</div>
-<p><span class="edition-button le" id="le-button">LE</span></p>
 <div class="edition-target le-content">I'm a thing!</div>
-<p><span class="edition-button dx" id="dx-button">DX</span></p>
 <div class="edition-target dx-content">I'm a thing!</div>
-<!-- <div class="tab-container">
-    <div class="tab-subcontainer" id="language-subcontainer">
-        <div class="tab-language" id="tab-kanji" onclick="showLanguage(event, 'tab-jp')">Kanji</div>
-        <div class="tab-language" id="tab-english" onclick="showLanguage(event, 'tab-en')">English</div>
-    </div>
-    <div class="tab-subcontainer" id="edition-subcontainer">
-        <div class="tab-edition tooltip" id="tab-re" onclick="showEdition(event, 'tab-re')">RE
-<span class="tooltiptext">Display Regular Edition</span></div>
-        <div class="tab-edition tooltip" id="tab-le" onclick="showEdition(event, 'tab-le')">LE
-<span class="tooltiptext">Display Limited Edition</span></div>
-        <div class="tab-edition tooltip" id="tab-dx" onclick="showEdition(event, 'tab-dx')">DX
-<span class="tooltiptext">Display Deluxe Edition</span></div>
-    </div>
-</div>
-<div class="language-items tab-en">This is English.</div>
-<div class="language-items tab-jp">これわ日本語</div>
-<div class="edition-items">This is a test.</div>
--->
 <!-- == Stuff ==
 * [https://www.mediawiki.org/wiki/Manual:Collapsible_elements Collapsible Elements]