手风琴菜单

<style type="text/css">
.menutitle{
cursor:pointer;
margin:5px 2px;
background:#222;
color:#fff;
padding:5px 3px;
text-align:center;
font-weight:bold;
border:2px solid #090;
}
.submenu{
background:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin:5px 5px;
padding:5px 4px;
color:#000;
}
</style>
<script type="text/javascript">
if (document.getElementById){
document.write('<style type="text/css">\n');
document.write('.submenu{display: none;}\n');
document.write('</style>\n');
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu")
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
</script>
<div id="masterdiv">
<!-- 以下为手风琴菜单内容 -->
<div class="menutitle" onclick="SwitchMenu('sub1')">关于本站</div>
<span class="submenu" id="sub1">
梦缘溪行，搜集精品网页代码，分享各类福利资源，欢迎光临本站浏览，你的支持是我分享的动力
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">精彩资源</div>
<span class="submenu" id="sub2">
<a href="http://mengyuanxixing.lingd.cc/">个人主页</a><br>
<a href="http://www.dedett.com/">等待工作室-安卓QQ空间人气赞软件</a><br>
<a href="http://yanxi8.com/biaobai/">表白网页在线生成-背景音乐🎵在一起</a>
</span>
<!-- 以上为手风琴菜单-->
</div>


可更改文字和链接，添加更多菜单项目在</span>
<!-- 以上为手风琴菜单-->
之上添加<a href="链接">菜单显示名</a><br>
添加代码于html