手风琴式折叠html,js实现可折叠展开的手风琴菜单效果

本文实例讲述了js实现可折叠展开的手风琴菜单效果。分享给大家供大家参考。具体如下：

这是一款可折叠展开的菜单，手风琴菜单，运用CSS与JavaScript技术实现的合拢与伸展的网页菜单，代码简洁，来自老外的代码作品，希望大家喜欢。

运行效果截图如下：

在线演示地址如下：

具体代码如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

折叠展开的菜单

if (document.getElementById){ //DynamicDrive.com change

document.write('

document.write('.submenu{display: none;}\n')

document.write('\n')

}

function SwitchMenu(obj){

if(document.getElementById){

var el = document.getElementById(obj);

var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change

if(el.style.display != "block"){ //DynamicDrive.com change

for (var i=0; i

if (ar[i].className=="submenu") //DynamicDrive.com change

ar[i].style.display = "none";

}

el.style.display = "block";

}else{

el.style.display = "none";

}

}

}

Site Menu

- What's New

- What's hot

- Revised Scripts

- More Zone

FAQ/Help

- Usage Terms

- DHTML FAQs

- Scripts FAQs

Help Forum

- Coding Forums

Cool Links

- JavaScript Kit

- 脚本之家

- Cool Text

希望本文所述对大家的JavaScript程序设计有所帮助。