查看“︁用户:寒冰无相/Sandbox/吹笛人互动测试”︁的源代码

<div class="lw-treediv A0">（初始页面内容）<br>
{{TreeButton|show=B0|name=起点}}</div>
<div class="lw-treediv B0 X0 C0 C1 C2 C3 D0" style="display:none;" >（起点页面内容）</div><br>
<div class="lw-treediv B0" style="display:none;" >{{TreeButton|show=X0|name=建制}}</div>

<div class="lw-treediv X0 C0 C1 C2 C3 D0" style="display:none;" >（建制页面内容）<br></div>
<div class="lw-treediv X0" style="display:none;" >{{TreeButton|show=C0|name=转折}}<br></div>

<div class="lw-treediv C0 C1 C2 C3 D0" style="display:none;" >（转折页面总章）
{{TreeButton|show=C1|name=（收藏品1）}}<br>
{{TreeButton|show=C2|name=（收藏品2）}}<br>
{{TreeButton|show=C3|name=（收藏品3）}}<br>
<!--此处仅作为测试，所以只放三个，需要时此处选项数量可以无限增加--><br>

<div class="lw-treediv C1" style="display:none;" >（收藏品1内容）</div>
<div class="lw-treediv C2" style="display:none;" >（收藏品2内容）</div>
<div class="lw-treediv C3" style="display:none;" >（收藏品3内容）</div>

{{TreeButton|show=C0|name=复位}}<br>
请注意进入后续页面后再于此点击查看收藏品或点击复位选项会导致整个页面恢复为转折页状态</div>
<div class="lw-treediv C0 C1 C2 C3" style="display:none;" >{{TreeButton|show=D0|name=演绎}}<br></div>

<div class="lw-treediv D0" style="display:none;" >（演绎页面内容）
<br><br>
{{TreeButton|show=E0|name=终点}}</div>

<div class="lw-treediv E0 F0" style="display:none;" >（终点页面内容）</div>
<div class="lw-treediv E0" style="display:none;" >{{TreeButton|show=F0|name=彩蛋}}</div>

<div class="lw-treediv F0" style="display:none;" >（彩蛋页面内容）</div>


<div class="lw-treediv B0 X0 C0 C1 C2 C3 D0 E0 F0" style="display:none;" >
{{TreeButton|show=A0|name=返回初始页面}}</div>