1<!DOCTYPE html><html><head>
2<!----------------------------------------------------------------------------->
3
4<meta charset="UTF-8" />
5<meta name="viewport" content="initial-scale=1,width=device-width" />
6<link rel="stylesheet" href="test.css" />
7<script src="test.js"></script>
8
9<!----------------------------------------------------------------------------->
10</head>
11<body onload="main()"><header>
12<!----------------------------------------------------------------------------->
13
14<h1>Tabs</h1>
15<input type="checkbox" id="theme" onclick="swap()">Dark</input>
16<ul>
17<li><a href="test.html">test.html</a></li>
18<li><a href="test.html?tab=2/3">test.html?tab=2/3</a></li>
19</ul>
20
21<!----------------------------------------------------------------------------->
22</header><main>
23<!----------------------------------------------------------------------------->
24
25<div class="tabs">
26 <input type="radio" id="tab/1" name="tab" onclick="update(id)">
27 <label for="tab/1">Tab: 1</label>
28 <div>
29 <div class="tabs">
30 <input type="radio" id="tab/1/1" name="tab/1" onclick="update(id)">
31 <label for="tab/1/1">Tab: 1 / 1</label>
32 <div>Tab: One / One</div>
33 <input type="radio" id="tab/1/2" name="tab/1" onclick="update(id)">
34 <label for="tab/1/2">Tab: 1 / 2</label>
35 <div>Tab: One / Two</div>
36 <input type="radio" id="tab/1/3" name="tab/1" onclick="update(id)">
37 <label for="tab/1/3">Tab: 1 / 3</label>
38 <div>Tab: One / Three</div>
39 </div>
40 </div>
41 <input type="radio" id="tab/2" name="tab" onclick="update(id)">
42 <label for="tab/2">Tab: 2</label>
43 <div>
44 <div class="tabs">
45 <input type="radio" id="tab/2/1" name="tab/2" onclick="update(id)">
46 <label for="tab/2/1">Tab: 2 / 1</label>
47 <div>Tab: Two / One</div>
48 <input type="radio" id="tab/2/2" name="tab/2" onclick="update(id)">
49 <label for="tab/2/2">Tab: 2 / 2</label>
50 <div>Tab: Two / Two</div>
51 <input type="radio" id="tab/2/3" name="tab/2" onclick="update(id)">
52 <label for="tab/2/3">Tab: 2 / 3</label>
53 <div>Tab: Two / Three</div>
54 </div>
55 </div>
56</div>
57
58<!----------------------------------------------------------------------------->
59</main></body></html>
marc.beninca.link