ASP mengimplementasikan menu pohon yang dapat ditampilkan dan disembunyikan

manfaat kesehatan：
<skrip bahasa="javascript">
fungsi sembunyikanSemua() {
for(i=0;i<odiv.panjang;i++) {
odiv[i].style.display="tidak ada";
}
}
fungsi showObj(angka)
{

if (odiv[num].style.display=="tidak ada")
{
sembunyikanSemua();
odiv[num].style.display="sebaris";
}
kalau tidak {
odiv[num].style.display="tidak ada";
}
}
</skrip>
<gaya tipe="teks/css">
<!--
.divctrl{
kursor:tangan;tinggi:20px;
}
-->
</gaya>
<div onClick="showObj(0)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(1)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(2)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(3)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(4)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
asp
<%
jika permintaan("showobj")<>"" maka respon.Cookies("showobj")=permintaan("showobj")
jika isnull(response.Cookies("showobj")) maka respon.Cookies("showobj")=0
%>
<skrip bahasa="javascript">
fungsi sembunyikanSemua() {
for(i=0;i<odiv.panjang;i++) {
odiv[i].style.display="tidak ada";
}
}

fungsi showObj(angka)
{

if (odiv[num].style.display=="tidak ada")
{
sembunyikanSemua();
odiv[num].style.display="sebaris";
}
kalau tidak {
odiv[num].style.display="tidak ada";
}

}
</skrip>
<gaya tipe="teks/css">
<!--
.divctrl{
kursor:tangan;tinggi:20px;
}
-->
</style>

<div onClick="showObj(0)" class="divctrl"><a href="?showobj=0">div</a></div>
<div id="odiv" style="display:<%if request.Cookies("showobj")=0 lalu: respon.Tulis "inline" :else respon.Tulis "none":end if %>">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(1)" class="divctrl"><a href="?showobj=1">div</a></div>
<div id="odiv" style="display:<%if request.Cookies("showobj")=1 lalu: respon.Tulis "inline" :else respon.Tulis "none":end if %>">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(2)" class="divctrl"><a href="?showobj=2">div</a></div>
<div id="odiv" style="display:<%if request.Cookies("showobj")=2 lalu: respon.Tulis "inline" :else respon.Tulis "none":end if %>">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(3)" class="divctrl"><a href="?showobj=3">div</a></div>
<div id="odiv" style="display:<%if request.Cookies("showobj")=3 lalu: respon.Tulis "inline" :else respon.Tulis "none":end if %>">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(4)" class="divctrl"><a href="?showobj=4">div</a></div>
<div id="odiv" style="display:<%if request.Cookies("showobj")=4 lalu: respon.Tulis "inline" :else respon.Tulis "none":end if %>">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>