複製代碼代碼如下：
<！Doctype HTML公共“ - // W3C // DTD XHTML 1.0 Transitional // en”“” http://www.org/tr/tr/xhtml1/dtd/xhtml1-xhtml1-transitional.transitional.dtdd'>
<html xmlns =“ http://www.w3.org/1999/xhtml”>
<頭>
<meta http-equiv =“ content-type” content =“ text /html; charset = utf-8” />
<title>可折疊彈出式菜單</title>
</head>
<樣式>
身體{背景彩色：#fff;顏色：＃000;}
Div {Margin-Bottom：10px;}
ul.menu {display：none; list-style-type：none;保證金頂：5px;}
A.Menulink {font-size：16px; font-weight：bold;}
</style>
<腳本類型=“ text/javascript”>
window.onload = initall;
函數initall（）{
var alllinks = document.getElementsbytagname（“ a”）;
for（var i = 0; i <alllinks.length; i ++）{
if（alllinks [i] .classname.indexof（“ menulink”）> -1）{
alllinks [i] .onclick = togglemenu;
}
}
}
函數togglemenu（）{
var startmenu = this.href.lastIndexof（“/”）+1;
var stopmenu = this.href.lastIndexof（“。”）;
var thisMenuname = this.href.substring（StartMenu，stopmenu）;
var thisMenu = document.getElementById（thisMenuname）.STYLE;
if（thismenu.display ==“ block”）{
thismenu.display =“ none”;
}
別的 {
thismenu.display =“ block”;
}
返回false;
}
</script>
<身體>
<H1>莎士比亞的戲劇</h1>
<div>
<a href =“菜單1.html”> comdeis </a>
<ul ID =“菜單1”>
<li> <a href =“ pg1.html”>一切順利，結束得很好</a> </li>
<li> <a href =“ pg2.html”>您喜歡</a> </li>
<li> <a href =“ pg3.html”>愛的工黨丟失</a> </li>
<li> <a href =“ pg4.html”>錯誤的喜劇</a> </li>
</ul>
</div>
<div>
<a href =“菜單2.html”>悲劇</a>
<ul ID =“菜單2”>
<li> <a href =“ pg5.html”> Anthony＆Cleopatra </a> </li>
<li> <a href =“ pg6.html”> hamlet </a> </li>
<li> <a href =“ pg7.html”>羅密歐與朱麗葉</a> </li>
</ul>
</div>
<div>
<a href =“菜單3.html”>歷史</a>
<ul ID =“菜單3”>
<li> <a href =“ pg8.html”>亨利iv，part1 </a> </li>
<li> <a href =“ pg9.html”>亨利四世，部分2 </a> </li>
</ul>
</div>
</body>
</html>