这是林泊百科的迁移技术测试站点,所有改动不会同步到林泊百科上,此站点将会在正式迁移后关闭,请勿存放重要数据

用户:Nannnnn/代码测试:修订间差异

来自Limbo Wiki
跳转到导航 跳转到搜索
Nannnnn留言 | 贡献
test
Nannnnn留言 | 贡献
Nannnnn将页面用户:Nannnnn/代码测试的内容模型从“wikitext”更改为“JavaScript”
(没有差异)

2022年8月23日 (二) 13:46的版本

<templatestyles src="User:Nannnnn/代码测试/common.css" /><br>
<templatestyles src="User:Nannnnn/代码测试/common.js" />
<div style="border: 4px solid Tomato;"><center><span style="text-transform: uppercase;font-size: 50px;color: #DA0000;text-shadow: 0 5px 7px #000000, 0px -2px 1px #fff;font-weight: bold;letter-spacing:-4px;background:linear-gradient(to bottom, #FF3333 0%,#FFFFFF 100%);">&nbsp;'''''连网络暮年人都开始研究CSS了'''''&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><br>
<span style="text-transform: uppercase;font-size: 50px;color: #E3ECEF;text-shadow: 0 5px 7px #000000, 0px -2px 1px #fff;font-weight: bold;letter-spacing:-4px;background:linear-gradient(to bottom, #FFFFFF 0%,#FF3333 100%);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'''''你还有什么理由不去学代码?'''''&nbsp;&nbsp;</span></center></div>

代码白痴缓慢爬行中...<br>
<del>这人连按钮都不会用</del>现在姑且会了,但别指望这个页面搞啥高大上的

我需要一个点击后出现新的一段并不保留旧按钮的按钮代码,然后我抄来一份作业,还是看不懂(头秃)<br>
可恶,抄作业多抄了一个div,蒙了半天

yee,好像抄到梦中情码了!

捏吗,span头不对div嘴你是怎么运行起来的!!!???(尖叫)(扭曲)(上蹿下跳)

-----
{| class="mw-collapsible mw-collapsed wikitable"
!colspan="1"| 抄作业
|-
| 
== test0 ==
点击后各自展示各自的内容,可叠加(前提是命名不冲突)

{{TreeButton|show=01|name=tap1}}
<div class="lw-treediv 01" style="display:none;">从茉莉茶厅抄的</div>

{{TreeButton|show=02|name=tap2}}
<div class="lw-treediv 02" style="display:none;">莘青与饭不可得兼</div>

== test1 ==
tap1展开,tap2替换,tap3覆盖全部。好像是这样

<div class="lw-treediv A1 A2">

{{TreeButton|show=A1|name=tap1}}
<div class="lw-treediv A1" style="display:none;">从奥斯曼戴斯抄的</div>

<span class="lw-treediv A1" style="display:none;">{{TreeButton|show=A2|name=tap2}}
<noinclude>
<div class="lw-treediv A2" style="display:none;" >文字A2</span></div>

</div>

<div class="lw-treediv A2" style="display:none;">{{TreeButton|show=A3|name=tap3}}</div>

<div class="lw-treediv A3" style="display:none;">文字A3</div>


== test2 ==
<div class="lw-treediv B1 B2">

普通的排列

{{TreeButton|show=B1|name=tap1}}
<div class="lw-treediv B1" style="display:none;">文字B1</div>

<span class="lw-treediv B1"  style="display:none;">
{{TreeButton|show=B2|name=tap2}}
<div class="lw-treediv B2" style="display:none;" >文字B2
</span>
</div>

<div style="display:none;" class="lw-treediv B2">
{{TreeButton|show=B3|name=tap3}}
</div>

<div class="lw-treediv B3" style="display:none;">文字B3</div>


</div>

==test3==
{{TreeButton|show=C1|name=taps}}

<div class="lw-treediv C1" style="display:none;">

从破碎倒影抄的

{{TreeButton|show=C2-1|name=1.1}}

{{TreeButton|show=C2-2|name=1.2}}

</div>

<div class="lw-treediv C2-1" style="display:none;">

1,1
{{TreeButton|show=C3-1|name=2.1}}
{{TreeButton|show=C3-2|name=2.2}}
{{TreeButton|show=C2-0|name=2.3}}

</div>

<div class="lw-treediv C2-0" style="display:none;">
2,3

{{TreeButton|show=C2-1P|name=9}}

{{TreeButton|show=C3-0|name=8}}

{{TreeButton|show=C3-0P|name=7}}
</div>
|}

==成品==
<div class="lw-treediv play">

理想建设ing...

{{TreeButton|show=play|name=START}}
<div class="lw-treediv play" style="display:none;">Make a choice</div>

<span class="lw-treediv play" style="display:none;">
{{TreeButton|show=A-1-1|name=A}}
{{TreeButton|show=B-1-1|name=B}}
</span></div>

<div class="lw-treediv A-1-1" style="display:none;">
A1<br>
{{TreeButton|show=A-2-1|name=A21}}{{TreeButton|show=A-2-2|name=A22}}
</div>
<div class="lw-treediv B-1-1" style="display:none;">
B1<br>
{{TreeButton|show=B-2-1|name=B21}}{{TreeButton|show=B-2-2|name=B22}}
</div>

<div class="lw-treediv A-2-1" style="display:none;">1</div>
<div class="lw-treediv A-2-2" style="display:none;">2</div>
<div class="lw-treediv B-2-1" style="display:none;">3</div>
<div class="lw-treediv B-2-2" style="display:none;">
4<br>
{{TreeButton|show=play|name=BACK}}
</div>

==密码盘1==
<center><div class="lw-treediv W1">'''[ Enter Password ]'''</div>
<div class="lw-treediv R2" style="display:none;" >'''[ ▓ - - - - ]'''</div>
<div class="lw-treediv R3" style="display:none;" >'''[ ▓ ▓ - - - ]'''</div>
<div class="lw-treediv R4" style="display:none;" >'''[ ▓ ▓ ▓ - - ]'''</div>
<div class="lw-treediv R5" style="display:none;" >'''[ ▓ ▓ ▓ ▓ - ]'''</div>
<div class="lw-treediv W" style="display:none;">:(<br>{{TreeButton|show=W1|name=Restart}}</div>


<span class="lw-treediv W1">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=R2|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=W1|name=backspace}}</span>

<span class="lw-treediv R2"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=R3|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=W1|name=backspace}}</span>

<span class="lw-treediv R3"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=R4|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=R2|name=backspace}}</span>

<span class="lw-treediv R4"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=R5|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=R3|name=backspace}}</span>

<span class="lw-treediv R5"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=R4|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=End|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=R4|name=backspace}}</span>

</center>
<div class="lw-treediv End" style="display:none;" ><center>'''[ √ ]'''<br>砰!噼里啪啦!</center></div>


==密码盘2==
<center>
<div class="lw-treediv W1">'''[ Enter Password ]'''</div>
<div class="lw-treediv A1" style="display:none;" >'''[ ▓ - - - - - - ]'''</div>
<div class="lw-treediv A2" style="display:none;" >'''[ ▓ ▓ - - - - - ]'''</div>
<div class="lw-treediv A3" style="display:none;" >'''[ ▓ ▓ ▓ - - - - ]'''</div>
<div class="lw-treediv A4" style="display:none;" >'''[ ▓ ▓ ▓ ▓ - - - ]'''</div>
<div class="lw-treediv A5" style="display:none;" >'''[ ▓ ▓ ▓ ▓ ▓ - - ]'''</div>
<div class="lw-treediv A6" style="display:none;" >'''[ ▓ ▓ ▓ ▓ ▓ ▓ - ]'''</div>

<div class="lw-treediv B1" style="display:none;" >'''[ ▓——-- ———- ]'''</div>
<div class="lw-treediv B2" style="display:none;" >'''[ ▓▓—-- ——-- ]'''</div>
<div class="lw-treediv B3" style="display:none;" >'''[ ▓▓▓-— ——-- ]'''</div>
<div class="lw-treediv B4" style="display:none;" >'''[ ▓▓▓▓- ——-- ]'''</div>
<div class="lw-treediv B5" style="display:none;" >'''[ ▓▓▓▓▓ ——-- ]'''</div>
<div class="lw-treediv B6" style="display:none;" >'''[ ▓▓▓▓▓ ▓—-- ]'''</div>
<div class="lw-treediv B7" style="display:none;" >'''[ ▓▓▓▓▓ ▓▓—- ]'''</div>
<div class="lw-treediv B8" style="display:none;" >'''[ ▓▓▓▓▓ ▓▓▓- ]'''</div>

<div class="lw-treediv W" style="display:none;">:(<br>{{TreeButton|show=W1|name=Restart}}</div>

<span class="lw-treediv W1">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=A1|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=B1|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=W1|name=backspace}}</span>

<span class="lw-treediv A1"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=A2|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=A1|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=W1|name=backspace}}</span>

<span class="lw-treediv A2"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=A3|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=A1|name=backspace}}</span>

<span class="lw-treediv A3"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=A4|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=A3|name=backspace}}</span>

<span class="lw-treediv A4"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=A5|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=A3|name=backspace}}</span>

<span class="lw-treediv A5"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=A6|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=End|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=A4|name=backspace}}</span>

<span class="lw-treediv A6"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=EndA|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=End|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=A5|name=backspace}}</span>

<div class="lw-treediv EndA" style="display:none;" >
<center>'''[ √ ]'''<br>reality</center></div>

<span class="lw-treediv B1"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=B2|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=W1|name=backspace}}</span>

<span class="lw-treediv B2"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=B3|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=B1|name=backspace}}</span> 

<span class="lw-treediv B3"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=B4|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=B2|name=backspace}}</span>

<span class="lw-treediv B4"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=B5|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=B3|name=backspace}}</span>

<span class="lw-treediv B5"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=B6|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=B4|name=backspace}}</span>

<span class="lw-treediv B6"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=B7|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=B5|name=backspace}}</span>

<span class="lw-treediv B7"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=W|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=B8|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=B6|name=backspace}}</span>

<span class="lw-treediv B8"  style="display:none;">
{{TreeButton|show=W|name=Q}}{{TreeButton|show=W|name=W}}{{TreeButton|show=EndB|name=E}}{{TreeButton|show=W|name=R}}{{TreeButton|show=W|name=T}}{{TreeButton|show=W|name=Y}}{{TreeButton|show=W|name=U}}{{TreeButton|show=W|name=I}}{{TreeButton|show=W|name=O}}{{TreeButton|show=W|name=P}}<br>
{{TreeButton|show=W|name=A}}{{TreeButton|show=W|name=S}}{{TreeButton|show=W|name=D}}{{TreeButton|show=W|name=F}}{{TreeButton|show=W|name=G}}{{TreeButton|show=W|name=H}}{{TreeButton|show=W|name=J}}{{TreeButton|show=W|name=K}}{{TreeButton|show=W|name=L}}<br>
{{TreeButton|show=W1|name=cancel}}{{TreeButton|show=W|name=Z}}{{TreeButton|show=W|name=X}}{{TreeButton|show=W|name=C}}{{TreeButton|show=W|name=V}}{{TreeButton|show=W|name=B}}{{TreeButton|show=W|name=N}}{{TreeButton|show=W|name=M}}{{TreeButton|show=B7|name=backspace}}</span>

<div class="lw-treediv EndB" style="display:none;" >
<center>'''[ √ ]'''<br>fairy tale</center></div>